🛒 Ema-John - Modern E-Commerce Platform A fully functional, high-performance e-commerce storefront inspired by Amazon. This project demonstrates the ability to manage complex state transitions, persistent storage, and a seamless Checkout Workflow.

🚀 Project Overview Ema-John provides a smooth shopping experience where users can browse thousands of products, filter by category, and manage their shopping cart. The application focuses on data accuracy and a friction-less "Add to Cart" user journey.

🛠️ Tech Stack Front-End: React.js (Functional Components & Hooks)

State Management: React Context API / LocalStorage (for Cart persistence)

Routing: React Router DOM (for Multi-page navigation)

Styling: CSS3 / Material UI (for a clean, professional look)

Data Handling: JSON-based product catalogs and dynamic filtering.

✨ Key Features Dynamic Product Search: Real-time filtering as the user types in the search bar.

Persistent Shopping Cart: Items remain in the cart even after a page refresh using localStorage.

Order Review System: A dedicated summary page to review items, tax, and shipping before final checkout.

Inventory Management: Logic to prevent adding more items to the cart than are available in stock.

Responsive Design: Optimized for a seamless "Shopping on the go" experience on mobile devices.

🏗️ Technical Challenges Solved Data Persistence: Implemented custom hooks to sync the shopping cart state with the browser's local storage.

Mathematical Precision: Handled floating-point arithmetic for price calculations, shipping, and tax to ensure 100% billing accuracy.