https://github.com/mosespace/official-portfolio-site

This is my official portfolio site developed with react and deployed on vercel
https://github.com/mosespace/official-portfolio-site

portfolio portfolio-site portfolio-template portfolio-website website

Last synced: 11 months ago
JSON representation

This is my official portfolio site developed with react and deployed on vercel

• Host: GitHub
• URL: https://github.com/mosespace/official-portfolio-site
• Owner: mosespace
• Created: 2023-03-26T11:31:25.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-06T09:02:19.000Z (about 3 years ago)
• Last Synced: 2025-03-11T19:30:15.090Z (over 1 year ago)
• Topics: portfolio, portfolio-site, portfolio-template, portfolio-website, website
• Language: JavaScript
• Homepage: https://unclemoses.vercel.app/
• Size: 23.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  





  unclemoses.vercel.app - v2





  This is my official personal portfolio website hosted here built with built with React and hosted with Vercel.





  Previous iterations:

  v1.





![Vercel](https://img.shields.io/badge/Vercel-000000.svg?style=for-the-badge&logo=Vercel&logoColor=white)

![React](https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=black)

![Node.js](https://img.shields.io/badge/Node.js-339933.svg?style=for-the-badge&logo=nodedotjs&logoColor=white)



![demo](/src/assets/demo.png)

## 🚨 Forking this repo (please read!)

Many people have contacted me asking me if they can use this code for their own website, and the answer to that question is usually **yes, with attribution**.

> ### TL;DR

>

> Yes, you can fork this repo. Please give me credit by linking back to [unclemoses](https://unclemoses.vercel.app/). Thanks!

## 🛠 Installation & Set Up

1. Install the Gatsby CLI

   ```sh

   npm install

   ```

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

   ```

4. Start the development server

   ```sh

   npm run dev

   ```

## 🚀 Building and Running for Production

1. Generate a full static production9(s) build

   ```sh

   npm run build

   ```

1. Preview the site as it will appear once deployed

   ```sh

   npm run preview

   ```

## 🎨 Color Reference

| Color          | Hex                                                                |

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

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

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

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

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

## 📊 Current Google Lighthouse Performance Metrics!

![Google Lighthouse Performance Metrics](/src/assets/google%20analytics.png)