ImMau14 LogoImMau14

My Portfolio

500

My web portfolio built with React, Tailwind and Astro.

ReactAstroTypeScriptTailwindTursoDrizzle
My Portfolio

This is my personal corner of the internet. More than just a showcase, it's a living document of my growth as a developer—a space where I can present my work, share my journey, and experiment with new technologies in a production environment.

I built this portfolio to reflect how I approach software development: clean architecture, thoughtful UX, and a balance between frontend polish and backend robustness. It's not a static site; it's a fully functional application with authentication, a database, an admin panel, and live integrations.

What makes it different

  • It's alive. The About page pulls real-time data from the GitHub API—repos, stars, followers, organizations. I wanted visitors to see not just a static profile, but an active developer.

  • It's a playground. Astro's server‑side rendering and island architecture let me push the boundaries of what a personal site can do. I used it as an opportunity to deeply understand SSR, API routes, and database integration in a modern framework.

  • It's built for me. The admin panel lets me manage projects without touching code. I can add, edit, or remove projects in seconds, keeping the site up‑to‑date as I finish new work.

My approach

The design follows a glassmorphism aesthetic with dark/light mode, because I believe a developer's portfolio should feel as polished as the work it presents. Every detail—from the floating navbar to the smooth animations—was crafted with intention.

On the backend, I chose Turso (libSQL) with Drizzle ORM to handle project data, paired with JWT authentication for the admin panel. The GitHub integration runs entirely server‑side, so no API keys are exposed to the client.

Why Astro?

I chose Astro because it allows me to deliver a fast, SEO‑friendly site while keeping the interactivity where it matters. React components handle the dynamic parts, and the rest is rendered as static or server‑side HTML. It's the best of both worlds, and it confirmed why Astro has become one of my favorite frameworks.

This project is open‑source and reflects my commitment to building things that are both functional and beautiful. Feel free to explore the code.