Shop Sphere is a modern Admin Dashboard for an E-commerce application, built using React + Vite, Hero UI, and Fake Store API.
It provides complete CRUD-style management for Products, Users, and Carts, along with authentication and an admin-style sidebar layout.
- Login using Fake Store API
- Token-based authentication (client-side)
- Login / Logout flow
- Protected admin routes (logic-ready)
- Get all products
- Get single product details
- Delete product
- Search products by title
- Filter products by category
- Product details page
- Get all users
- Display users in admin table
- View complete user details in modal
- Delete user
- Shows address & geo-location data
- Get all carts
- Add new cart
- View single cart details
- Delete cart
- Admin table with modal views
- Sidebar navigation (Admin layout)
- Responsive design
- Reusable common components
- Clean and professional UI
| Technology | Usage |
|---|---|
| React | Frontend framework |
| Vite | Fast build tool |
| TypeScript | Type safety |
| Hero UI | UI components |
| Redux Toolkit | State management |
| React Router DOM | Routing |
| Fake Store API | Backend (mock data) |
| Tailwind CSS | Styling |
