StyleHub is a modern fashion e‑commerce web application built with React, TypeScript and Tailwind CSS. It allows users to browse, search and shop for fashion items with a responsive mobile-friendly design. The app also demonstrates backend integration with Supabase for authentication and data management and is deployed live on Vercel.
-
Authentication: Secure Login and Signup with data validation and password visibility toggle.
-
Product Catalog: Browse products with categories, search and details.
-
Shopping Cart: Fully functional cart with quantity management and local storage persistence.
-
Wishlist: Save your favorite items (requires login)
-
Seller Dashboard: Manage your own products (Create, Read, Update, Delete)
-
Responsive Design: Beautiful UI built with Tailwind CSS and Shadcn UI.
-
Frontend: React (v18), TypeScript, Vite, React Router DOM v6
-
Backend: Supabase
-
UI & Styling: Tailwind CSS, shadcn/ui (Radix UI), Lucide React, tailwindcss-animate, embla-carousel-react, sonner, next-themes
-
Charts & Data Visualization: Recharts
-
State Management & Data Fetching: React hooks, TanStack Query (React Query v5), React Hook Form + Zod
-
Utilities: date-fns, clsx, tailwind-merge, class-variance-authority, input-otp
-
Deployment: Vercel
| Home | Product | Wishlist |
|---|---|---|
 |
 |
 |
| Cart | Seller Dashboard | |
|---|---|---|
 |
 |
-
Clone the repository
git clone https://github.com/MisturaDev/stylehub-app-react.git cd stylehub-app-react -
Install dependencies
npm install
-
Set up Environment Variables Create a
.envfile in the root directory and add your Supabase credentials:VITE_SUPABASE_URL=your_supabase_url VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
-
Run the development server
npm run dev
This project is open source and available under the MIT License
Mistura Ishola