A personal portfolio I designed and developed from scratch to showcase my work and skills. It highlights my focus on clean design, performance, and a user-friendly experience.

AUG 2025

My portfolio thumb image

๐Ÿš€ Key features

๐Ÿงช Tech stack

  • Typescript: A superset of JavaScript that adds static typing, making large-scale applications more robust and maintainable.

  • Next.js: A React-based framework that supports server-side rendering, static site generation, and optimized web performance.

  • Tailwindcss: A utility-first CSS framework that enables rapid UI styling with predefined classes.

  • Vercel: A cloud platform optimized for deploying front-end frameworks like Next.js with speed and simplicity.

  • PostgreSQL: An advanced open-source relational database known for extensibility, standards compliance, and strong data integrity.

๐Ÿง  Challenges

  • Adopting Next.js

    Next.js is a React framework for building full-stack web applications. You can use React components to build the user interface and Next.js for additional features and optimizations. This project requires you to understand also the server side rendering components and server actions for taking advantage of the Next.js built-in optimizations.

  • Integrating PrismaORM

    Although Prisma is a well-known ORM used in multiple projects, creating and executing migrations properly can be sometimes a little bit tricky. During the development of this project, I had to learn about the expand/contract pattern.