Personal Portfolio
Personal
2025
01. The Overview
A modern, interactive personal portfolio website built to showcase software projects, professional experience, and technical skills. It features a clean design, smooth animations, and an AI-powered chatbot that can answer questions about the developer's resume in real-time.
02. The Challenge
The primary challenge was to create a standout personal portfolio that not only serves as a gallery for projects but also actively demonstrates technical skill and provides an engaging user experience. The key goals were:
- ▹Avoid a standard, passive website by creating an interactive and memorable experience for visitors
- ▹Build the portfolio using a modern, in-demand tech stack and incorporate a cutting-edge feature like Generative AI to prove proficiency with current trends.
- ▹Design the site so that adding new projects, skills, or experiences is simple and doesn't require rewriting components or logic.
03. The Approach
To address these challenges, the project was built with the following architectural and technical approach:
- ▹Next.js was chosen as the core framework to leverage its benefits like server-side rendering (for fast initial loads), optimized performance, and a robust routing system for creating dynamic pages for each project.
- ▹All text content—including project descriptions, challenges, features, and skills is centralized in a single file. This decouples the data from the UI, making the portfolio incredibly easy to update.
- ▹A chatbot built with langchain was integrated to provide an interactive way for visitors to learn about the developer.
- ▹The user interface is broken down into reusable React components, which keeps the code organized, clean, and easy to manage.
04. Key Features
- AI-Powered Chatbot
- Dynamic Project Showcase
- Centralized Content Management
- Interactive UI/UX
Visit Live Site
Technologies Used
ReactNext.jsTypescriptTailwindCSSFramer MotionLucide ReactNode.jsLangchain