Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mnpsnuwan/mnpsnuwan.github.io

This is my personal portfolio.
https://github.com/mnpsnuwan/mnpsnuwan.github.io

gatsby graphql markdown reactjs yarn yml

Last synced: about 1 month ago
JSON representation

This is my personal portfolio.

Host: GitHub
URL: https://github.com/mnpsnuwan/mnpsnuwan.github.io
Owner: mnpsnuwan
License: mit
Created: 2023-09-14T01:29:37.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-08-30T09:56:15.000Z (5 months ago)
Last Synced: 2024-10-30T08:26:20.828Z (3 months ago)
Topics: gatsby, graphql, markdown, reactjs, yarn, yml
Language: JavaScript
Homepage: https://mnpsnuwan.github.io/
Size: 12.1 MB
Stars: 8
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ## 🛠 Installation & Set Up

1. Install and setup the [Node](https://nodejs.org/en/download) path.

2. Install the Gatsby CLI

   ```sh

   npm install -g gatsby-cli

   ```

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

   ```sh

   nvm install

   ```

4. Install yarn dependencies.

   ```sh

   npm install --global yarn

   ```

5. Install npm.

   ```sh

   npm install

   ```

6. If there is any issues.

   ```sh

   npm audit fix --force

   ```

7. Start the development server

   ```sh

   npm 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

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

| Light Blue     | ![#00eeff](https://via.placeholder.com/10/64efff?text=+) `#00eeff` |