Remix

Make your own version of Nova Cart

Edit the prompt below and generate a customized version in seconds.

Original by Madhura S Aradhya

Describe your app

1. UI/UX Design:
- Clean, modern, and attractive design with smooth animations
- Use a professional color palette (dark/light theme toggle optional)
- Fully responsive (mobile, tablet, desktop)
- Include hover effects, transitions, and loading animations

2. Pages & Features:
- Home Page with banner, featured products, categories
- Product Listing Page with filters (price, category, rating)
- Product Details Page with images, description, price, add-to-cart
- Shopping Cart Page with quantity update and total calculation
- Checkout Page with form validation
- User Authentication (Sign up, Login, Logout using Firebase Auth)
- User Profile Page with order history
- Search functionality

3. Firebase Integration:
- Use Firebase Authentication (Email/Password login)
- Store product data in Firestore
- Store user cart and orders in Firestore
- Real-time updates for cart
- Firebase Hosting setup

4. Admin Panel:
- Add, edit, delete products
- Upload product images
- Manage orders

5. Technical Requirements:
- Use vanilla JavaScript (no frameworks)
- Modular and well-structured code
- Use localStorage for temporary cart (sync with Firebase when logged in)
- Proper error handling and loading states

6. Extra Features:
- Wishlist functionality
- Ratings and reviews system
- Discount/coupon system
- Toast notifications for actions (add to cart, login success, etc.)

7. Performance & SEO:
- Optimize images
- Fast loading
- Basic SEO meta tags

8. Deliverables:
- Complete folder structure
- HTML, CSS, JS files
- Firebase configuration guide
- Comments in code for clarity

Free to use. No credit card required.