After re-making and re-designing my personal website hundreds of times, I have finally arrived at a design which I quite enjoy. Take a scroll at ammarahmed.ca
A high-level overview of the tech stack this website uses:
Front-end
- React with TypeScript is used for the functionality of the website.
- TailwindCSS is used as the UI framework.
- NextUI is used to create the standardized and aesthetic UI.
- Apollo Client is used to handle making GraphQL requests.
- Node.js with TypeScript is used for the server environment.
- Notion is used to persist web content (database).
- Notion API is used to connect the server to Notion
- TypeGraphQL is used to structure the GraphQL API with TypeScript.
Hosting
- Google Firebase is used for the client-side hosting
- Fly.io is used for the server-side hosting.
Web content such as blog posts, project content, skills etc. are written, edited and persisted in Notion. Automatically updated whenever changed in Notion
Switching between light and dark mode.
Client-side and server-side deployment is set-up automatically with production branch pushes. SMS Notifications are sent to me after deployment finishes using Twilio.
Aesthetic radar charts created for skills using recharts
| Color | Hex |
|---|---|
| Primary |  #72499D |
| Secondary |  #627BE9 |
| Type | Font |
|---|---|
| Heading | DM Serif Display, serif |
| Body | DM Sans, sans-serif |
| Mono | DM Mono, monospace |
If you have any feedback, please reach out to me at [email protected].