A festive full-stack e-commerce website designed to help users shop for clothing, accessories, and gifts during Eid. Built with modern technologies and a focus on clean UI, responsive design, and seamless shopping experience.
🌐 Live Demo: Click here to visit
📁 Frontend Repository: GitHub Link
📁 Backend Repository: GitHub Link
Rainbow Collection is a full-featured e-commerce platform built to celebrate the festive joy of Eid. It allows users to explore categories, purchase products, leave reviews, and manage orders. Admins can manage users, products, and payments through a dedicated dashboard.
- ✅ Full-stack responsive web application
- 🛍️ Product listing by category on the home & product pages
- ✍️ Users can purchase and review products
- 👤 User Dashboard:
- View ordered products
- Profile management
- Secure logout
- 💳 Integrated Stripe payment system
- 🔒 Authentication via Firebase
- 🛠️ Admin Dashboard:
- Manage users and promote them to admin
- Add, edit, or delete products
- Monitor all orders and payments
- React – UI library
- React DOM – DOM rendering
- React Router DOM – Routing
- React Icons / Lucide React – Icon support
- React Slick – Carousel/slider
- SweetAlert2 – Alert modals
- React Helmet / Helmet Async – SEO & Head management
- Tailwind CSS – Utility-first CSS framework
- Emotion (styled & react) – CSS-in-JS styling
- Firebase – Authentication, Hosting
- JWT (jsonwebtoken) – Token-based authentication
- Axios – API client
- React Query (@tanstack/react-query) – API data fetching and caching
- Stripe JS / React Stripe JS – Secure payment integration
- Vite – Fast dev server & build tool
- ESLint – Code linting
- PostCSS + Autoprefixer – CSS processing
- TypeScript (types for React) – Development type safety
Add screenshots here to showcase UI/UX
Made with ❤️ by Hazrat Ali
- 🔗 GitHub: Hazrat Ali
- 🔗 LinkedIn: yourprofile
This project is open-source and available under the MIT License.