Skip to content

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Kavi Kumar Singh – Developer Portfolio

A modern, responsive, and interactive personal portfolio showcasing my skills, projects, education, and achievements as a Full Stack Web Developer. Built with React, Vite, Tailwind CSS v4, and Framer Motion, the portfolio features smooth animations, a clean glassmorphism design, dark/light mode, and a mobile-first responsive layout.


🌐 Live Demo

Website: Add your Vercel URL here

GitHub Repository: Add your repository URL here


✨ Features

  • 🎨 Modern Glassmorphism UI
  • 🌙 Dark & Light Mode (System Preference Support)
  • 📱 Fully Responsive Design
  • ⚡ Built with React 19 & Vite
  • 🎬 Smooth Scroll & Reveal Animations
  • 📊 Animated Skill Progress Bars
  • 📈 Dynamic Statistics Counter
  • 💼 Project Showcase with Category Filters
  • 🎓 Education & Experience Timeline
  • 🏆 Certificates Section
  • 📄 Resume Download
  • 📬 Contact Form with Validation
  • ⬆️ Back-to-Top Button
  • 🔍 SEO Optimized
  • 🚀 Fast Performance

🛠️ Tech Stack

Frontend

  • React 19
  • Vite
  • Tailwind CSS v4
  • Framer Motion
  • React Icons
  • React Intersection Observer

Tools

  • Git
  • GitHub
  • VS Code
  • Vercel

📂 Project Structure

src/
│── assets/
│── components/
│── context/
│── data/
│── App.jsx
│── main.jsx
│── index.css

public/
│── resume.pdf
│── icons.svg

⚙️ Installation

Clone the repository:

git clone https://github.com/kavisingh300/kavi-portfolio.git

Go to the project folder:

cd kavi-portfolio

Install dependencies:

npm install

Start the development server:

npm run dev

Build for production:

npm run build

Preview the production build:

npm run preview

🎯 Customization

You can easily customize the portfolio:

  • Update personal information
  • Add or remove projects
  • Modify skills
  • Replace public/resume.pdf with your latest resume
  • Update social media links
  • Change colors and themes in src/index.css

📸 Screenshots

Add screenshots of your portfolio homepage and project sections here.


📈 Future Improvements

  • Blog Section
  • Admin Dashboard
  • Project Search
  • Contact Form Backend
  • Multi-language Support
  • Project Details Pages
  • Performance Enhancements

👨‍💻 About Me

I'm Kavi Kumar Singh, a B.Tech Computer Science student passionate about building modern, responsive, and user-friendly web applications. I enjoy working with React, JavaScript, and modern frontend technologies while continuously learning new skills.


🤝 Connect With Me


⭐ Support

If you like this project, consider giving it a ⭐ Star on GitHub. It motivates me to build and share more projects.


📄 License

This project is licensed under the MIT License.

Releases

Packages

Contributors

Languages