This is a remake of the old Svelte version of my personal website. I used Gatsby this time around, because I am far more comfortable with React than I ever was with Svelte, and Gatsby lets me create a static web page (all I need) with the tools I'm confortable with.

This project was based on the default Gatsby starter, and was very much a case of refactoring the UI with a focus on micro-interactions, polish and, as Josh W Comeau puts it, whimsy.

// Clone repo
git clone https://github.com/mathieu-anderson/gatsby-personal-website.git

// Move to project folder
cd gatsby-personal-website

// Install dependencies
yarn install

// Run development server on localhost:8000
yarn start

// Build static files
yarn build

// Serve static files on localhost:9000
yarn serve

If there is something I learnt here is always ways to improve things. Here are a few of the features I would like to add :

• P1 - A self hosted blog. Medium is nice, but owning your content is ideal. With Gatsby too!
• P2 - Dark mod. Probably through React context, probably need some refactor of my CSS 😬
• P2 - A separate page for side-projects. They are not very good, but deserve better than links to Github repo.
• P3 - Maybe sound?
• P3 - Make it a PWA. Gatsby enables it way more easily than doing everything by hand.
• P3 - Polish: better link hover effect
• P3 - Polish: Try putting side project / article links in boxes and be more descriptive. Add tech tag too.
• P3 - Add soft skills to 'Most used tools' box? Public speaking, written communication, pair programming...