Back to Home
Personal Portfolio Website
This project is a fully responsive and modern personal portfolio website built with Next.js 14 (App Router) and TypeScript. It showcases my background, skills, services, experience, and achievements as a web developer through a clean and minimal design. The website serves as both an interactive resume and a live demonstration of my technical abilities, emphasizing performance, scalability, and security.
Objectives
- Create a professional digital space that represents my skills and experience.
- Build a maintainable, production-grade web application using modern technologies.
- Deploy a secure, scalable infrastructure using AWS services and custom domain integration.
Key Features
- Fully responsive and adaptive layout optimized for all screen sizes.
- Smooth animations and page transitions powered by Framer Motion.
- Contact form with React Hook Form and Zod validation.
- Modular and reusable component architecture built with shadcn/ui and Tailwind CSS.
- Dedicated sections for Education, Experience, Skills, Services, Projects, Achievements, and Contact.
- Scored 95% in LightSpeed performance benchmark.
- Optimized for SEO, accessibility, and performance using Next.js
Tech Stack
- Frontend: Next.js 14, TypeScript, Tailwind CSS
- UI & Animations: shadcn/ui, Framer Motion
- Forms & Validation: React Hook Form, Zod
- Backend & Hosting: AWS Amplify
- Database: AWS DynamoDB
- Email Service: AWS Simple Email Service (SES)
- Version Control: Git, GitHub
Infrastructure Diagram
Design & User Experience
Designed with simplicity and clarity in mind, focusing on intuitive navigation, strong visual hierarchy, and a minimal, distraction-free layout. The user interface was carefully structured to highlight key information such as projects and experience while maintaining a cohesive visual identity. Prototypes and wireframes were created in Figma to define the structure and flow before development, ensuring a consistent and engaging user experience across devices.
Future Improvements
- Build a blog section to share insights and tutorials.
- Introduce a testimonials section to showcase client or collaborator feedback.
- Add printable or downloadable resume and skill sheets
Outcomes & Learnings
Through this project, I gained extensive hands-on experience with Next.js 14, TypeScript, and AWS architecture, deepening my understanding of how modern frameworks and cloud services work together to build scalable applications. I also developed a stronger grasp of cloud infrastructure, DNS management, SSL configuration, and CI/CD deployment pipelines, allowing me to confidently manage end-to-end deployment workflows. This project further enhanced my skills in responsive web design, animation performance, and backend integration, ensuring the site performs smoothly across all devices. Ultimately, it resulted in a professional, fast, and secure website that not only represents my technical identity but also serves as a living example of my development standards and attention to detail.
Source Code
Conclusion
This project represents not only my technical growth but also my personal standard for building clean, performant, and maintainable applications. It continues to evolve as I learn and adopt new technologies, serving as both a personal brand and a foundation for future experiments and improvements.
Product Hunt Launch
This was my first public portfolio launch on Product Hunt, sharing my work and journey as a web developer. I am amazed by the support from the developer community, who took the time to explore my portfolio and leave feedback even though it is not a full product. The experience has been encouraging and motivating, showing me that personal projects can be noticed and appreciated.
Position
#32 out of 200+ launches
Launched on October 31, 2025
