Portfolio Website
A personal portfolio to showcase my coding projects, resume, and skills in a beautifully designed format.

Mon May 26 2025

Next.jsTailwind CSSTypeScriptMDXTurborepoShadcn UIFramer Motion
Image of Portfolio Website

šŸ’” I used this template to make this portolio. You can have a look at the repo here.

šŸš€ I created this website to have an online presence and to share my work with potential employers. The project helped me improve my front-end development skills and learn more about modern web development practices. More so, how to be a power user of Turborepo, my favourite JavaScript/TypeScript build tool.

✨ Features

  • šŸ“„ Resume Integration: Include a downloadable version of my resume in PDF format.
  • šŸŽÆ Project Showcase: A Display with detailed descriptions of my coding projects with links to live demos and repositories.
  • šŸ”§ Skills Section: Highlight technical skills in an organized and visually appealing way.
  • šŸ“± Responsive Design: Optimized for seamless viewing across devices.
  • āœļø Blog Section: Articles written using MDX, enabling dynamic content creation.

šŸ› ļø Tech Stack

  • šŸ–„ļø Frontend: React with Next.js
  • šŸŽØ Styling: Styled with Tailwind CSS
  • šŸ“ Content Management: Leveraged MDX to write interactive blogs directly in Markdown.
  • ā˜ļø Hosting: Deployed on Vercel

🚢 Deployment

  • šŸ”„ Continuous integration with GitHub Actions
  • 🌐 Continuous deployment using Vercel with automatic build triggers from GitHub.
  • ⚔ Optimized performance with lazy loading and image optimization using Next.js Image.

🧩 Challenges Faced

šŸ’­ I'm slowly becoming more efficient when it comes to receiving a codebase, familiarizing myself with it and being able to mess around with the code to my liking. A couple of months ago, I promise you, I would have not been able to do what I did with this portfolio template.

  • šŸ” Fidgetting with the CSS modules to get my feel down to the site.
  • šŸš€ Deploying to prod with little errors!

šŸ”® Future Enhancements

  • šŸ—ƒļø Add a CMS, to create a single database to manage all content of the website & user authentication