Skip to content

Repository files navigation

πŸ’» Developer Portfolio

A modern interactive developer portfolio showcasing projects, skills, and technical journey.

Live Demo GitHub stars GitHub forks

Next.js React TailwindCSS GSAP Tilt.js Deployment Architecture

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/


πŸ“– Project Overview

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

πŸ“Έ Portfolio Preview

🏠 Home Section

The landing section introduces the developer and provides quick navigation across portfolio sections.


πŸ’Ό Projects Section

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.


🧠 Skills Section

Shows the developer's technology stack and tools used across different projects.

Technologies displayed include:

  • programming languages
  • frameworks
  • AI libraries
  • development tools

🧭 Developer Journey

A timeline showing the developer's learning journey, including major milestones and technologies explored during the development career.


πŸ“¬ Contact Section

Provides ways to connect with the developer through social platforms and professional networks.


✨ Implemented Features

🎨 Interactive UI

The portfolio includes several interactive UI elements:

  • animated project cards
  • tilt hover effects
  • smooth section transitions
  • animated navigation

Animations are powered by GSAP.


πŸ’Ό Project Showcase

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)

🧭 Developer Timeline

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.


πŸ“± Fully Responsive Design

The portfolio layout adapts automatically for:

  • desktop screens
  • tablets
  • mobile devices

Ensuring a smooth user experience across devices.


πŸ›  Technology Stack

Frontend

  • React.js
  • Next.js
  • Tailwind CSS

Animations & Interaction

  • GSAP
  • Tilt.js

Used for:

  • hover effects
  • animation sequences
  • dynamic UI transitions

Deployment

  • Vercel

πŸ— System Architecture

User
 β”‚
 β–Ό
Next.js Application
 β”‚
 β–Ό
React Components
 β”‚
 β”œβ”€β”€ Home Section
 β”œβ”€β”€ Projects Section
 β”œβ”€β”€ Skills Section
 β”œβ”€β”€ Journey Timeline
 └── Contact Section
 β”‚
 β–Ό
Vercel Hosting

πŸš€ Running the Project Locally

1️⃣ Clone the Repository

git clone <YOUR_GIT_URL>
cd my-portfolio

2️⃣ Install Dependencies

npm install

3️⃣ Run Development Server

npm run dev

The application runs at:

http://localhost:3000

🎨 Design Inspiration

The UI design was inspired by award-winning developer portfolios and modern UI showcases.

Sources of inspiration include:

These were used as design inspiration while building a custom portfolio experience.


πŸ‘¨β€πŸ’» Author

Keshav

B.Tech Computer Science & Engineering Bennett University

πŸ”— LinkedIn https://www.linkedin.com/in/keshav262004


⭐ Support

If you like this project, consider giving it a star ⭐ on GitHub.


πŸ“œ License

This project is open for learning and inspiration. If you reuse parts of this portfolio, please provide proper attribution.


About

Modern developer portfolio built with Next.js, React, Tailwind CSS, and GSAP showcasing projects, skills, and development journey.

Topics

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages