Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        


Logo


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