Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mibei-collins/portfolio-

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/mibei-collins/portfolio-
Owner: Mibei-Collins
License: mit
Created: 2024-02-11T19:12:09.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-02-11T19:48:28.000Z (11 months ago)
Last Synced: 2024-04-18T00:23:46.986Z (9 months ago)
Language: JavaScript
Size: 3.2 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        


  





Collins Mibei's Portfolio Website :)





  This is my personal portfolio website built with Gatsby





  Adapted from Brittany Chiang's Design on Github and can be found here



![demo](https://github.com/Mibei-Collins/Portfolio/blob/main/src/images/demo.png)

## 🛠 Installation & Set Up

1. Install the Gatsby CLI

   ```sh

   npm install -g gatsby-cli

   ```

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

   ```sh

   nvm install

   ```

3. Install dependencies

   ```sh

   yarn install

   ```

4. Start the development server

   ```sh

   yarn start

   ```

## 🚀 Building and Running for Production

1. Generate a full static production build

   ```sh

   npm run build

   ```

1. Preview the site as it will appear once deployed

   ```sh

   npm run serve

   ```

## 🎨 Color Reference

| Variable Name       | Hex                                                                                          |

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

| `--dark-navy`       | ![#020c1b](https://via.placeholder.com/10/020c1b?text=+) `#020c1b`                           |

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

| `--light-navy`      | ![#f0eae7](https://via.placeholder.com/10/f0eae7?text=+) `#f0eae7`                           |

| `--lightest-navy`   | ![#f7f3f1](https://via.placeholder.com/10/f7f3f1?text=+) `#f7f3f1`                           |

| `--navy-shadow`     | ![rgba(2, 12, 27, 0.7)](https://via.placeholder.com/10/020c1b?text=+) `rgba(2, 12, 27, 0.7)` |

| `--dark-slate`      | ![#495670](https://via.placeholder.com/10/495670?text=+)   `#495670`                         |

| `--slate`           | ![#8e8d8a](https://via.placeholder.com/10/8e8d8a?text=+) `#8e8d8a`                           |

| `--light-slate`     | ![#72716e](https://via.placeholder.com/10/72716e?text=+) `#72716e`                           |

| `--lightest-slate`  | ![#474745](https://via.placeholder.com/10/474745?text=+) `#474745`                           |

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

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

| `--green-tint-dark` | ![#8b362f](https://via.placeholder.com/10/8b362f?text=+) `#8b362f`                           |

| `--green-tint`      | ![#f6bdb9](https://via.placeholder.com/10/f6bdb9?text=+) `#f6bdb9`                           |