Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/trallard/portfolio

💻👀 My professional portfolio
https://github.com/trallard/portfolio

Last synced: 6 days ago
JSON representation

💻👀 My professional portfolio

Awesome Lists containing this project

README

        


Logo





Site demo

![License](https://img.shields.io/badge/License-MIT-gray.svg?colorA=2D2A56&colorB=7A76C2&style=flat.svg)
[![Netlify Status](https://api.netlify.com/api/v1/badges/3b01a675-d10e-43f3-bda8-071ef2ca8d02/deploy-status)](https://app.netlify.com/sites/youthful-thompson-84dcd6/deploys)

This site is meant to be the main landing page to all my other projects, blog and extensive resources.
I have never had a portfolio before, so I thought I would give it a go.

- [🛠 Installation & Set Up](#%-installation--set-up)
- [🚀 Building and Running for Production](#%-building-and-running-for-production)
- [🎨 Color Reference](#%-color-reference)
- [📃 Licensing](#%-licensing)
- [🙏🏼 Acknowledgements](#-acknowledgements)

## 🛠 Installation & Set Up

This website is built using Gatsby Js, GraphQL and is built and served through Netlify.

1. Install the Gatsby CLI

```sh
npm install -g gatsby-cli
```

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 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 |
| ------------- | ------------------------------------------------------------------ |
| Purple | ![#41257d](https://via.placeholder.com/10/41257d?text=+) `#41257d` |
| Light Purple | ![#492A8C](https://via.placeholder.com/10/492A8C?text=+) `#492A8C` |
| Dark Grey | ![#333f58](https://via.placeholder.com/10/333f58?text=+) `#333f58` |
| Blue | ![#8ba2d5](https://via.placeholder.com/10/8ba2d5?text=+) `#8ba2d5` |
| Light Blue | ![#acbce1](https://via.placeholder.com/10/acbce1?text=+) `#acbce1` |
| Lightest Blue | ![#f3f3f3](https://via.placeholder.com/10/f3f3f3?text=+) `#f3f3f3` |
| White | ![#fafcff](https://via.placeholder.com/10/fafcff?text=+) `#fafcff` |
| Pink | ![#F2B2AC](https://via.placeholder.com/10/F2B2AC?text=+) `#F2B2AC` |

## 📃 Licensing

- The text is licensed using the [CC-BY 4.0 license](https://creativecommons.org/licenses/by/4.0/) ⓒ [Tania Allard][link_site]
- The code is licensed using the OSI [MIT license](https://opensource.org/licenses/MIT) ⓒ [Tania Allard][link_site]

## 🙏🏼 Acknowledgements

This site was adopted and modified from https://brittanychiang.com. Thanks for such a fantastic site to build on from ✨.

[link_site]: https://trallard.dev