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

        


  

    

    
Anurag Hazra


  

 

Creative FrontEnd Web Developer


[![Build Status](https://travis-ci.org/anuraghazra/anuraghazra.github.io.svg?branch=develop)](https://travis-ci.org/anuraghazra/anuraghazra.github.io)

![GitHub](https://img.shields.io/github/license/anuraghazra/anuraghazra.github.io)

![Website](https://img.shields.io/website?down_message=offline&label=site&up_message=online&url=http%3A%2F%2Fanuraghazra.github.io)

![Anurag Hazra Site Preview](./src/static/screenshot.png)

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