Shaurya Singhal

Shaurya Showcase | Portfolio

Software Developer + Open Source Contributor

👀 Peek a Boo!

🦄 Shaurya Personal Portfolio to showcase shaurya and his work at one place from various other places like from Github Repos(Jupyter Notebooks & mdx files) and medium. 🦄

🌈 CSS:

• Options:

  • ❌ css - using sass actually
  • ❌ css modules - my favorite but trying styled-component this time.
  • ❌ emotion - leaving it 4 next time
  • ✔ sass
  • ✔ styled-component
  • ✔ classnames - A simple JavaScript utility for conditionally joining classNames together.
  • ✔ Framer Motion
  • ✔ AOS

• Choice: Using a combination of sass and styled component along with classnames.

• Font Family: Gloria Hallelujah && Roboto Mono

• Tech Used

  • Gatsby
  • React
  • Styled-components
  • Sass

✨ Features:

• Adding Machine Learning Repo as Blogs : Issue #1

  • Render jupyter notebook with their respective pages.

• Adding Learn Python Repo as Blogs: Issue #2

  • Render jupyter notebook with their respective pages.

• Adding Medium Blogs as well: Issue #3

• Using Figma to Build the site: Issue #26

• Rendering Github Activity Svgs : Issue #28

• Snow Effect

• Bulb on/off @skills section

• Add more blogs via mdx setup or using Docasaurus: Issue #59

• Render blogs available in mdx-blogs diretory@root : Issue #59 part 2

👥 Contribution Guides

If you want to contribute to this repo follow the below steps:

1. Fork and Clone the repo

• Fork using the fork button above on this page only.
• and then clone using

  $ git clone https://github.com/jugshaurya/showcase.git

2. Run the site Locally after step 1

• 2a. Install Dependendies

    $ yarn or npm install

• 2b. Start the gatsby server in development mode

    $ yarn develop or npm run develop

3. Make changes/make PR

• 3a. create a new branch

    $ git checkout -b <new-branch-anme>

• 3b. make changes and commit them

    $ git add -A
    $ git commit -m "some message and fixes#IssueNo. "

• 3c. push to origin

  $ git push origin master

• 3d. make a PR to upstream

    use GUI for doing so @github.com only

• 3e. wait for it getting merged and talk to me in the chat.

Note:- Problem Solution

• Sometimes port in use warning comes up:
• Solve it using

    $ yarn portclean

🎮 Run Project

$ yarn develop or gatsby develop or yarn dev

🚀 Deployment

  Go to Netlify
  add project via github
  and deploy

  Push to Github,
  vercel will take it from there!

Resources

App Info

Author

Shaurya Singhal @jugshaurya

Version

1.0.0

License

This project is licensed under the 0BSD License.