Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anuraghazra/anuraghazra.github.io
My Portfolio Site | Made With @Gatsbyjs
https://github.com/anuraghazra/anuraghazra.github.io
blog gatsbyjs personal-blog personal-blog-website portfolio portfolio-site
Last synced: 5 days ago
JSON representation
My Portfolio Site | Made With @Gatsbyjs
- Host: GitHub
- URL: https://github.com/anuraghazra/anuraghazra.github.io
- Owner: anuraghazra
- License: mit
- Created: 2019-10-30T15:29:43.000Z (over 5 years ago)
- Default Branch: develop
- Last Pushed: 2024-08-09T15:55:38.000Z (6 months ago)
- Last Synced: 2025-02-07T23:08:00.156Z (13 days ago)
- Topics: blog, gatsbyjs, personal-blog, personal-blog-website, portfolio, portfolio-site
- Language: JavaScript
- Homepage: https://anuraghazra.dev
- Size: 90.9 MB
- Stars: 583
- Watchers: 9
- Forks: 199
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Creative FrontEnd Web Developer
[](https://travis-ci.org/anuraghazra/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*
## :rocket: 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 -
```bash
git clone https://github.com/anuraghazra/anuraghazra.github.io.git
```### Step 2: Install Dependencies
cd into the directory
```bash
cd anuraghazra.github.io
```install all the dependencies
```bash
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## :open_file_folder: 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## :v: Contributing
*NOTE: if you want to change the [blog content](./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
```bash
npm run test
npm run test:e2e
```### Pushing the changes
```bash
git add .
git commit -m "commit message"
git push YOUR_REPO_URL develop
```------
Made with :heart: and Gatsbyjs