A modern interactive developer portfolio showcasing projects, skills, and technical journey.
A personal developer portfolio website built to showcase projects, technical skills, and the journey of learning software development.
The portfolio focuses on interactive design, smooth animations, and immersive presentation, allowing visitors to explore projects and skills in a visually engaging way.
π Live Portfolio https://my-portfolio-keshavs-projects-72997bdc.vercel.app/
This portfolio acts as a central hub for all development work, including:
- full-stack systems
- AI & machine learning projects
- mobile applications
- computer vision systems
- experimental and learning projects
The goal of this project is to present development work in a clean, professional, and interactive format suitable for recruiters and collaborators.
The portfolio highlights:
- major projects with detailed descriptions
- developer skillset
- learning journey timeline
- contact information
The landing section introduces the developer and provides quick navigation across portfolio sections.
Displays all development projects including:
- Full-stack systems
- AI pipelines
- Mobile applications
- Computer vision projects
- experimental builds
Each project includes a description, technology stack, GitHub link, and demo link when available.
Shows the developer's technology stack and tools used across different projects.
Technologies displayed include:
- programming languages
- frameworks
- AI libraries
- development tools
A timeline showing the developer's learning journey, including major milestones and technologies explored during the development career.
Provides ways to connect with the developer through social platforms and professional networks.
The portfolio includes several interactive UI elements:
- animated project cards
- tilt hover effects
- smooth section transitions
- animated navigation
Animations are powered by GSAP.
The portfolio displays multiple projects including:
- Clinic Management System (Full Stack)
- Laundry Management App
- AI Insight Pipeline
- Deep Adaptive Image Anonymizer
- Shared Diary Web App
- GO UP Game & AI Agent
Each project card provides:
- project description
- technology stack
- GitHub repository link
- live demo (if available)
The timeline section presents the developerβs technical evolution, showing when major technologies and projects were learned or built.
The section is implemented using HTML, SVG, and GSAP animations.
The portfolio layout adapts automatically for:
- desktop screens
- tablets
- mobile devices
Ensuring a smooth user experience across devices.
- React.js
- Next.js
- Tailwind CSS
- GSAP
- Tilt.js
Used for:
- hover effects
- animation sequences
- dynamic UI transitions
- Vercel
User
β
βΌ
Next.js Application
β
βΌ
React Components
β
βββ Home Section
βββ Projects Section
βββ Skills Section
βββ Journey Timeline
βββ Contact Section
β
βΌ
Vercel Hosting
git clone <YOUR_GIT_URL>
cd my-portfolionpm installnpm run devThe application runs at:
http://localhost:3000
The UI design was inspired by award-winning developer portfolios and modern UI showcases.
Sources of inspiration include:
- https://www.awwwards.com
- Ayush Singh's Portfolio
- Minimal Next.js Portfolio by codebucks27
These were used as design inspiration while building a custom portfolio experience.
Keshav
B.Tech Computer Science & Engineering Bennett University
π LinkedIn https://www.linkedin.com/in/keshav262004
If you like this project, consider giving it a star β on GitHub.
This project is open for learning and inspiration. If you reuse parts of this portfolio, please provide proper attribution.




