anuraghazra.github.io

Strained eyes? There's DarkMode too :p

NOTE: If you are using this site as a template for your own portfolio site, I would be very glad if you add a link to the original site with my name in footer

🚀 Quick start

Run the site locally

NOTE: The default branch for this repo is develop, when you push or pull make sure you specify the correct branch

Step 1: Clone The Repo

Fork the repository. then clone the repo locally by doing -

git clone https://github.com/anuraghazra/anuraghazra.github.io.git

Step 2: Install Dependencies

cd into the directory

cd anuraghazra.github.io

install all the dependencies

npm install

Step 3: Start Development Server

Then start the development Server

npm run develop

After running the development server the site should be running on https://localhost:8000

📂 What's inside?

A quick look at the folder structure of this project.

.
 content
   blog
   case-studies
   json
 cypress
 plugins
 src
    components
       About
       Blog
       common
       Concepts
       Contact
       CreativeCoding
       Home
       Layout
          Navbar
       Lightbox
       Projects
       Skills
    hooks
    pages
    static
       images
    styles
    templates

Tools Used

1. Gatsby.js (of course)
2. Styled Components for styling
3. Cypress for E2E Testing
4. Jest for Unit Testing
5. TravisCI for CI/CD

✌️ Contributing

NOTE: if you want to change the blog content or fix any typo you can do that from github's ui without cloning the repo locally

After cloning & setting up the local project you can push the changes to your github fork and make a pull request.

You can also run the tests locally to see if everything works fine with

Running tests

npm run test
npm run test:e2e

Pushing the changes

git add .
git commit -m "commit message"
git push YOUR_REPO_URL develop

Made with ❤️ and Gatsbyjs