Web Development

Portfolio Website

My portfolio website built with Next.js and Tailwind CSS

My second personal website designed as a portfolio to showcase my skills and projects. Used Vercel's v0 to develop the base of the website, and integrated some of my own styling and components. I wanted to create this portfolio in a short amount of time so I can use it to apply for jobs; thus, I've decided to implement everything in React rather than following a 3-tier architecture design pattern β€” though you can see many of my semester-long school projects use this pattern.

React
Next.js
Tailwind CSS
TypeScript
v0
GitHub
Portfolio Website
Project Details

Duration

1 week (Jul. 2025)

Team Size

Solo project

Key Challenges

  • β€’ User-friendliness & styling
  • β€’ Clean code design patterns
  • β€’ Project descriptions

Problem & Solution

Problem

There's only so much a resume can show and many job applications have an entry to upload your website. Additionally, I need a better way to create a "brand" for myself and a better way to display what I've worked on.

Solution

So, why not only create a website that displays who I am and what I've done, but also learn more about React! Many website generators like Wix and Squarespace exist, but they don't provide the flexibility and learning experience that building from scratch does.

Key Features

Project search

Search for projects by title, description, or technology.

Page navigation

Navigate through different sections of the portfolio easily.

Side navigation

A side navigation bar that adapts to the current section.

Dark mode

Dark mode toggle for better user experience.

Mobile view

Mobile view for accessibility on smaller screens.

Adaptive projects

Displayed as sections, projects are easily customizable.

Results & Impact

Key Achievements

  • I now have a portfolio 😎
  • Compared to my resume, increased my project descriptions by over 200%
  • Added 5+ images to each project compared to LinkedIn and other Job Boards

Lessons Learned

Having a good portfolio is really important, as it's YOUR way of showing how you want others to see yourself. With a good portfolio, it is possible to include everything that you've done without making it overwhelming by having features like "Featured Projects" and a search bar.