Zepto App Clone

I need to recreate Zepto’s entire customer-facing flow using only HTML, CSS and plain JavaScript—no frameworks, no build tools, just clean, well-structured code that can be opened in a browser and run immediately.

Scope of pages and flows
• Browsing catalogue: home and category views with live product search and a dedicated product-details page that mirrors Zepto’s layout and micro-interactions.
• Shopping cart: users must be able to add or remove items, open a mini or full cart to review them, inspect each item’s details, and apply discount codes with instant recalculation of totals.
• Checkout: delivery address, slot selection, payment-method selection and an order-summary confirmation screen styled and animated to feel like the original app.

Technical guidelines
• Strictly vanilla HTML, CSS and JS—keep the code modular (ES6 modules are fine) and comment the key logic.
• Responsive behaviour that matches Zepto on mobile first, then gracefully scales to tablet/desktop widths.
• All data can be mocked in JSON; no backend work is required.
• Smooth transitions and subtle animations are essential to capture the quick-commerce “feel”.

Deliverables
1. Complete source code in a single public or zipped repository.
2. A brief README explaining folder structure and how to swap in real product data later.
3. Short screen-capture video (or GIFs) demonstrating search, add/remove, discount code flow and full checkout.

Acceptance criteria
• Every flow outlined above works end to end with no console errors.
• Search filters products live and opens a fully styled detail page.
• Cart operations update totals instantly and discount logic is visible.
• The final build opens locally with one command (or a simple double-click on index.html).

If anything is unclear about the interactions or styling nuances, let me know early so we can stay aligned.