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

https://github.com/shreyammaity/shreyammaity.github.io

My Personal Portfolio Website
https://github.com/shreyammaity/shreyammaity.github.io

customizable devfolio portfolio portfolio-site portfolio-website

Last synced: 10 months ago
JSON representation

My Personal Portfolio Website

Awesome Lists containing this project

README

          


Logo


Portfolio Website



The first iteration of shreyam.ml built with Gatsby and hosted with Netlify




Netlify Status


Demo

### TL;DR

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

## 🛠 Installation & Set Up

1. Install the Gatsby CLI

```sh
npm install -g gatsby-cli
```

2. Install and use the correct version of [NodeJS](https://nodejs.org/en/download/) & [NVM](https://github.com/nvm-sh/nvm) & yarn

```sh
npm install --global yarn
```

3. Install dependencies

```sh
yarn
```

4. Install Missing Node Modules Folder

```sh
npm install
```

5. Start the development server

```sh
npm start
```

## 💻 Customization

1. Social Media Data :

- goto -> ./src/config.js
- enter your details

2. Loader :

- goto -> ./src/components/icons/loader.js -> line 22
- change position -> line 21

3. Logo :

- goto -> ./src/components/icons/logo.js -> line 19
- change position -> line 18

4. Resume :

- goto -> ./static/resume.pdf

5. Changing Website Data:

- changing front page :
- goto -> ./content/hero/index.md
- changing about page :
- goto -> ./content/about/index.md
- changing jobs:
- goto -> ./content/jobs/
- add folder & create index.md & paste your details
- changing projects:
- goto -> ./content/projects/
- add your own .md and paste your details
- to show in projects change bool value of showInProjects to true
- to save in archive only change bool value of showInProjects to false
- changing featured projects :
- goto -> ./content/featured/
- add folder & create index.md , paste your details
- add proper png files

## GitHub Push Instructions

- [ ] push to main branch other than master
- [ ] master branch will be where the website will get deployed and hosted
- [ ] make any changes if you want to and push to main only
- [ ] after Depoying the website it will get pushed to master
- [ ] to use Netlify , [follow this](https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/)

## 🚀 Building and Running for Production

1. Generate a full static production build

```sh
gatsby build
```

2. Deploy The Website

```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` |