Personal Website - Gatsby JS
2022-01-24
A refresh to my personal website; A fully responsive website in minimal UI style made with Gatsby JS and React-Bootstrap.
Technologies used:
- React JS
- Gatsby JS
- React-Bootstrap
- Bootstrap 5
See it live:
LIVE TEST
My old website
Back in 2018 I created a personal website using Jekyll and a theme called minimal mistakes. It served its purpose for a while, but needed a refresh for 2022.
Down below, you can see what it looked like.
Style
I decided to go with a minimal style for my website, the UI has a lot of interactions that feature a thick black round border around it. Down below, you can see the general style I applied for my interactions.
Home Screen
The first thing you see on the home page is a hero message which tells you who I am in a few words.
Featured projects section
One of the main reasons for me to have a website is so that I can share hobby projects that I work on.
About section
In this section, you can see general information about my interest, as well as technologies and tools that are on my skill set.
Resume section
Section where you can find links to my professional related documents and profiles.
Contact section
A simple and down to the point contact form.
Project page
Each project that I show on my website has a special page where you can find more pictures and information about it.
