showcase

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.