Project case study
Portfolio Website
My Astro + Tailwind portfolio—fast, clean, and easy to maintain—with projects and a small blog.
At a glance
The work before the feature list
- Problem
- A beginner-friendly portfolio built with Astro and Tailwind CSS to showcase my projects and learn static site building.
- Role
- Designer & Developer
- Context
- Independent project
- Period
- 2025
Outcome
Shipped a performant portfolio with clear case studies, improving interview conversions.
The statement above describes verified shipped scope or current project status; it does not imply adoption or business metrics that are not available.
Project Overview
This is my personal portfolio site, a place where I can share my projects, blog posts, and just have my own space online. I built it using Astro 5.7 (because it’s fast and great for static sites) and Tailwind CSS v3 for styling.
I also used this as a way to learn Astro by building something real from scratch.
Why I Built It
I wanted to make a portfolio that was clean and fast. I had heard that Astro is really good for static websites, and I wanted to try it out while learning something new.
Key Features
- Astro-powered static site for super fast performance
- Tailwind CSS for clean, responsive styling
- Custom 404 page to make even errors look nice
- Smooth page transitions for a better user experience
- Dark and light mode with a paper-inspired light theme
- Blog and project collections to easily add new content
- Responsive layout that works on all devices
What’s Next
There’s still more I want to improve:
- Add smooth animations to make it feel more alive
- Allow filtering and sorting for projects
- Connect a CMS so I can update content easier
Ownership
What I was responsible for
- Designer & Developer
Evidence
What can be inspected
The screenshots, source links, and walkthrough above are the currently available project evidence.
Contact