📁 Project Structure

jumlazon-project/
├── data/
│   ├── cartData.js        # Cart state
│   ├── products.js        # Product catalog
│   └── backend-practice.js
├── scripts/
│   ├── jumlazon.js        # Main app entry & event wiring
│   ├── cart.js            # Cart logic (add, remove, update)
│   ├── cartUI.js          # Cart rendering
│   ├── products.js        # Product grid rendering
│   ├── checkout.js        # Checkout flow (shipping, payment, review)
│   └── delivery-options.js
├── src/
│   └── input.css          # Tailwind source
├── styles/
│   └── jumlazon.css       # Compiled CSS
├── tests/
│   └── script/            # Unit & integration tests
├── index.html
├── package.json
├── tailwind.config.js
└── vercel.json            # Vercel deployment config

🏁 Getting Started

Prerequisites

• Node.js 18+ and npm

Installation

1. Clone the repository

   git clone https://github.com/Dadir-Dev/jumlazon-project.git
   cd jumlazon-project
   

2. Install dependencies

   npm install
   

3. Build Tailwind CSS

   npm run build
   

4. Open in browser

   • Use a local server (e.g. Live Server in VS Code), or
   • Open index.html directly (some features may vary with file:// protocol)

Available Scripts

🧪 Testing

npm test

Tests cover:

• Cart logic: addToCart, removeFromCart, updateQuantity, totals
• Pure functions for immutability and testability
• Integration flows with cart and checkout

📸 Screenshots

📄 License

This project is licensed under the ISC License.

🙏 Acknowledgements

• Tailwind CSS — Utility-first CSS framework
• Jest — JavaScript testing framework
• Unsplash — Product images
• Day.js — Date utilities in checkout
• Vercel — Hosting and deployment

📬 Contacts

Built with ❤️ by Dadir