Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/chandrikadeb7/chandrikadeb7.github.io

Personal portfolio website hosted using GitHub Pages - Version 2
https://github.com/chandrikadeb7/chandrikadeb7.github.io

bootstrap gatsby gatsby-plugin github-pages javascript portfolio-site portfolio-website prettier-config react

Last synced: about 8 hours ago
JSON representation

Personal portfolio website hosted using GitHub Pages - Version 2

Host: GitHub
URL: https://github.com/chandrikadeb7/chandrikadeb7.github.io
Owner: chandrikadeb7
Created: 2020-07-03T10:15:03.000Z (over 4 years ago)
Default Branch: code
Last Pushed: 2024-06-30T18:12:27.000Z (5 months ago)
Last Synced: 2024-10-30T02:00:25.157Z (14 days ago)
Topics: bootstrap, gatsby, gatsby-plugin, github-pages, javascript, portfolio-site, portfolio-website, prettier-config, react
Language: JavaScript
Homepage: https://chandrikadeb7.github.io
Size: 160 MB
Stars: 243
Watchers: 6
Forks: 175
Open Issues: 4
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        


  





  Personal Portfolio Website





  The second iteration of chandrikadeb7.github.io built with Gatsby and hosted using Github Pages





  Previous iterations:

  Version 1





  



### TL;DR

Yes, you can fork this repo. Please give proper credit by linking back to [brittanychiang.com](https://brittanychiang.com). Thanks!

## 🛠 Installation & Set Up

1. Install the Gatsby CLI (Use npm 10)

   ```sh

   npm install -g gatsby-cli

   ```

2. Install and use the correct version of Node (18 or 20) using [NVM](https://github.com/nvm-sh/nvm)

   ```sh

   nvm install --force

   ```

3. Build using Gatsby

   ```sh

   gatsby build

   ```

4. Start the development server (localhost)

   ```sh

   npm start

   ```

## 🚀 Building and Running for Production (GitHub Pages)

1. Generate a full static production build

   ```sh

   gatsby build

   ```

2. Push to production

   ```sh

   npm run deploy

   ```

## 🎨 Color Reference

| Color          | Hex                                                                |

| -------------- | ------------------------------------------------------------------ |

| Navy           | ![#0a192f](https://via.placeholder.com/10/0a192f?text=+) `#0a192f` |

| Light Navy     | ![#172a45](https://via.placeholder.com/10/0a192f?text=+) `#172a45` |

| Lightest Navy  | ![#303C55](https://via.placeholder.com/10/303C55?text=+) `#303C55` |

| Slate          | ![#8892b0](https://via.placeholder.com/10/8892b0?text=+) `#8892b0` |

| Light Slate    | ![#a8b2d1](https://via.placeholder.com/10/a8b2d1?text=+) `#a8b2d1` |

| Lightest Slate | ![#ccd6f6](https://via.placeholder.com/10/ccd6f6?text=+) `#ccd6f6` |

| White          | ![#e6f1ff](https://via.placeholder.com/10/e6f1ff?text=+) `#e6f1ff` |

| Green          | ![#64ffda](https://via.placeholder.com/10/64ffda?text=+) `#64ffda` |