Duc Mai

Full stack developer

2022-03-19

I reworked my personal website

I reworked my personal website

I got tired with my simple old website and I wanted to add more content to it so I decided to rework on it.

My personal website

I started my personal website few years ago as a place to show my works. However I soon realised that most of my works are for my companies which I can not show any images of these projects. But somehow this website is a appearance of me on internet.

Motivation for the change

I have updated my personal website several times. I tried from Gatsby, NextJs with foundation css and now with Svelte and tailwindcss.
The last version I used Svelte and tailwind with a custom made design that I got inspiration from dribble. But after 3-4 months living with this I soon got tired of this because it is too simple and I did not have an easy way to add more content. So I started to rework on this website.

How I reworked

My stack is
  • Svelte Kit for front-end
  • Tailwind CSS for styling.
  • Design, I got inspiration from this https://dribbble.com/shots/15997808-Web-Chat-Messenger-UI-kit
  • GraphCMS for managing my content
  • Static json for my portfolio data
  • Vercel for hosting my website

And yeah now the result is what you can see. My website works on both mobile and desktop. I took me 2 days (apprx 8hours) to work on this website I think

What I loved about the setup

  • Vercel is easy to use hosting provider
  • Svelte is fun to work with
  • Tailwind is easy way to style, especially consistent padding and margin
  • animation is somehow easy to work with Tailwind
  • graphcms is enough for me at this moment. I will monitor the usage of the cms.
TailwindCSSSvelte

About me

How I describe about myself

A developer cares about climate changes and environments

A full stack js developer

A developer is interested in cloud technologies

A challenge lover

Language:

English, Swedish, Vietnamese

Email:
mrducvmv88@gmail.com
LinkedIn:
Duc Mai
Twitter:
Duke Mai
IndieHackers:
Duc Mai