https://github.com/noszczykmichal/v2

Second iteration of my personal website.
https://github.com/noszczykmichal/v2

apollo-client crystallize functional-components graphql react react-context scrollreveal scss vite

Last synced: 2 months ago
JSON representation

Second iteration of my personal website.

• Host: GitHub
• URL: https://github.com/noszczykmichal/v2
• Owner: noszczykmichal
• Created: 2022-12-28T20:41:55.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-24T10:40:58.000Z (6 months ago)
• Last Synced: 2024-10-25T09:08:44.947Z (6 months ago)
• Topics: apollo-client, crystallize, functional-components, graphql, react, react-context, scrollreveal, scss, vite
• Language: JavaScript
• Homepage: https://michalnoszczyk.com/
• Size: 3.98 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  michalnoszczyk.com - v2





  The second iteration of my personal website built with React and hosted with Firebase





  Previous iteration:

  v1



![demo](https://github.com/noszczykmichal/v2/blob/main/images/demo.PNG)

## 🚨 Forking this repo

Feel free to fork this repo for creating your own personal website, however please link back to my page [michalnoszczyk.com](https://michalnoszczyk.com/) or to this [repo](https://github.com/noszczykmichal/v2). Please also note that I've built this repo on the basis of design created originally by [Brittany Chiang](https://brittanychiang.com).

## 🛠 Running this project locally

1. Clone this repository

   ```sh

   $git clone https://github.com/noszczykmichal/v2

   ```

2. Go into the repository

   ```sh

   $cd v2

   ```

3. Install dependencies

   ```sh

   $npm install

   ```

4. Start the development server

   ```sh

   $npm start

   ```

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

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

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

| Lightest Grey | ![#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` |