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

š” 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