SkyMart is a high-performance, responsive e-commerce web application built with React, React Router, and Vite. It features a sleek dark/light mode toggle, a dynamic shopping cart system, and a professional product showcase.
- Modern UI/UX: Built with a "Mobile-First" approach using custom CSS and CSS Variables.
- Dynamic Routing: Seamless navigation using
react-router-dom(Home, Shop, About, Login). - Theme Support: Integrated Dark and Light mode with persistent state.
- Shopping Cart: Real-time cart calculations, quantity management, and toast notifications.
- Product Management: Includes a library of 50+ curated products across multiple categories.
- Auth Simulation: Functional Login/Signup flow with local storage persistence.
- Frontend: React.js (Hooks & Context API)
- Styling: CSS3 (Variables, Flexbox, Grid)
- Routing: React Router v6
- Build Tool: Vite
- Deployment: Vercel
src/ ├── components/ # Reusable UI Components (Navbar, Hero, ProductCard) ├── constants/ # Static data (Product list, Theme colors) ├── pages/ # Page-level components (Home, Shop, About) ├── style/ # Modular CSS files └── App.jsx # Main Application logic & Routes
🌐 Deployment This project is optimized for Vercel. The vercel.json file ensures that all routes redirect to index.html to support Client-Side Routing. Images are served from the public/assets/ directory for maximum compatibility.
👨💻 Author Ashutosh Aman Full-Stack Developer & Lead Engineer.
⭐ If you like this project, feel free to give it a star.