🚀 Personal Project – Vite + React

A modern, responsive, and visually rich developer portfolio built with React, Vite, and Tailwind CSS. This project showcases featured projects, categories, live demos, GitHub repositories, personal profile, skills, statistics, and a strong call‑to‑action section.

Live demos, clean UI animations, and well‑structured components make this portfolio ideal for showcasing full‑stack and frontend expertise.

---

🔗 Live Demo

🌐 Portfolio Website: https://go-projects-gps.vercel.app

---

✨ Features

• 🎯 Project Showcase with category filtering
• 🖼️ Project Cards with live demo & GitHub links
• 🧠 Dynamic Data Rendering using React state
• 📊 Stats Section highlighting experience & work
• 👨‍💻 About Me with skills and social links
• 📱 Fully Responsive (Mobile, Tablet & Desktop)
• 🎨 Modern UI/UX with gradients & hover effects
• ⚡ Fast Performance using Vite

---

🛠️ Tech Stack

Frontend

• React.js
• Vite
• Tailwind CSS
• Lucide React Icons

Tools & Platforms

• Git & GitHub
• Vercel (Deployment)

---

📂 Project Structure

portfolio-project/
├── node_modules/          # Installed dependencies
├── public/
│   ├── projectImg/        # Project images
│   ├── icon.ico           # Website favicon
│   └── profile.png        # Profile image
│
├── src/
│   ├── assets/            # Static assets (if any)
│   ├── pages/
│   │   └── Project.jsx    # Main Portfolio component
│   │
│   ├── App.jsx             # Root component
│   ├── main.jsx            # App entry point
│   └── index.css           # Global styles
│
├── .gitignore
├── eslint.config.js        # ESLint configuration
├── index.html              # HTML template
├── package.json            # Project metadata & scripts
├── package-lock.json
├── vite.config.js          # Vite configuration
└── README.md               # Project documentation

---

🧩 Main Component Overview

Project.jsx

This is the core component of the portfolio containing:

• Project data array
• Category filtering logic
• Project cards UI
• Stats section
• About Me section
• Social links & CTA

State Management:

• useState for category selection
• useState for hover interactions

---

📌 Projects Included

• 📚 Edemy LMS – Learning Management System
• 🎨 Clear Background – AI Image Background Remover
• ⚕️ Cure Connect – Healthcare Platform
• 🖼️ Image Generator – AI Image Generation
• 👨‍💻 Dev Profiles – Developer Portfolio Builder
• 🎓 Career Mentorship App
• 🌾 AgriConnect – Agriculture SaaS Platform
• 📝 Notes Store – Notes Management App
• 📊 User Stats – GitHub Profile Analyzer
• 🏆 My Certificates – Certificate Management System
• 🔧 Git Practice – Learn Git Interactively
• 💬 Chat App – Real‑time Messaging App

Each project includes:

• Live Demo Link
• GitHub Repository
• Tech Stack Tags

---

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/Gyanthakur/Go-Projects.git

2️⃣ Navigate to the project directory

cd Go-Projects

3️⃣ Install dependencies

npm install

4️⃣ Start development server

npm run dev

5️⃣ Open in browser

http://localhost:5173

---

🚀 Deployment

You can deploy this project easily on:

• Vercel (Recommended)
• Netlify
• GitHub Pages (with build config)

Build command:

npm run build

---

👤 Author

Gyan Pratap Singh 🎓 B.Tech Computer Science 💻 Full‑Stack Web Developer

• GitHub: https://github.com/Gyanthakur
• LinkedIn: https://www.linkedin.com/in/gyan-pratap-singh-275785236/
• Email: gps.96169@gmail.com

---

⭐ Support

If you like this project:

• 🌟 Star the repository
• 🍴 Fork it
• 🧑‍💻 Use it as your own portfolio inspiration

---

📜 License

This project is licensed under the MIT License.

---

✨ Built with passion, precision, and performance in mind.