Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 19 days 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 (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-24T10:40:58.000Z (3 months ago)
- Last Synced: 2024-10-25T09:08:44.947Z (3 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` |