👗 StyleVault – AI Fashion Ecommerce Platform

StyleVault is a modern React-based ecommerce fashion platform designed to provide a smooth and interactive online shopping experience. The project includes advanced ecommerce features such as cart management, checkout system, PhonePe QR payments, and a virtual fit room concept.

🌐 Live Demo: https://style-vault-rose.vercel.app/

📂 GitHub Repository: https://github.com/satishbabu0/StyleVault

---

🚀 Features

✅ Add to Cart functionality ✅ Buy Now option ✅ Checkout Page ✅ PhonePe QR Payment Integration ✅ Responsive Modern UI ✅ Product Quantity Management ✅ Remove from Cart ✅ Persistent Cart using LocalStorage ✅ React Router Navigation ✅ Virtual Fit Room UI ✅ Mobile-Friendly Design

---

🛠️ Tech Stack

Frontend

• React.js
• JavaScript
• HTML5
• CSS3

Routing & State

• React Router DOM
• LocalStorage

Hosting & Version Control

• GitHub
• Vercel

---

📁 Project Structure

StyleVault/
│
├── public/
│   └── images/
│
├── src/
│   ├── components/
│   ├── pages/
│   ├── data/
│   ├── assets/
│   └── App.js
│
├── package.json
└── README.md

---

⚙️ Installation & Setup

Clone the repository:

git clone https://github.com/satishbabu0/StyleVault.git

Move into project folder:

cd StyleVault

Install dependencies:

npm install

Run the project:

npm start

Open browser:

http://localhost:3000

---

💳 Payment Integration

The project includes a PhonePe QR payment system for demo ecommerce checkout functionality.

Supported payment methods:

• PhonePe
• Google Pay
• Paytm
• UPI Payments

---

🧠 Future Enhancements

• MongoDB Backend Integration
• Firebase Authentication
• Razorpay Payment Gateway
• AI Fashion Recommendations
• Admin Dashboard
• Order Tracking System
• Wishlist Feature

---

📸 Screens Included

• Home Page
• Product Listing Page
• Cart Page
• Checkout Page
• PhonePe Payment Screen

---

🎯 Learning Outcomes

This project helped in learning:

• React Component Architecture
• Ecommerce Workflow
• Cart Management Logic
• Routing with React Router
• Git & GitHub Workflow
• Vercel Deployment
• Responsive UI Design

---

👨‍💻 Developer

Kodi Satish Babu AI Engineer | B.Tech CSE Student @ LPU Passionate about Web Development & Emerging Technologies

LinkedIn: https://www.linkedin.com/in/satish-kodi

GitHub: https://github.com/satishbabu0

---

📌 Conclusion

StyleVault is a portfolio-ready ecommerce web application that demonstrates modern frontend development concepts, ecommerce functionality, responsive UI design, and deployment workflow using React and Vercel.

This project represents practical real-world web development and showcases skills relevant for internships, placements, and software development roles.