My personal portfolio website was a long time coming. After months of planning and procrastination, I finally got around to building it. Here’s a quick overview of the technologies and approach I used.
Table of contents
Open Table of contents
Tech Stack
The portfolio is built with the following technologies:
- Astro - The web framework for content-driven websites
- TypeScript - For type-safe development
- Tailwind CSS - For styling
- Vercel - For deployment
Design Decisions
I wanted the portfolio to be:
- Fast - No unnecessary JavaScript
- Accessible - WCAG compliant
- Minimal - Focus on content, not distractions
- Dark mode - Because who doesn’t love dark mode?
Features
Responsive Design
The site works seamlessly across all device sizes, from mobile phones to large desktop monitors.
Project Showcase
Each project has its own card with description, tech stack, and links to the live site and source code.
Blog Integration
The blog section shares the same design language as the portfolio, creating a cohesive experience.
Conclusion
Building a portfolio website is a great way to showcase your work and skills. With modern tools like Astro and Tailwind CSS, the development process is straightforward and enjoyable.