Anurag Hazra
Creative FrontEnd Web Developer
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.gitStep 2: Install Dependencies
cd into the directory
cd anuraghazra.github.ioinstall all the dependencies
npm installStep 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
- Gatsby.js (of course)
- Styled Components for styling
- Cypress for E2E Testing
- Jest for Unit Testing
- 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:e2ePushing the changes
git add .
git commit -m "commit message"
git push YOUR_REPO_URL developMade with