About The Project

Modern Shop is a feature-rich e-commerce front-end project built to simulate a complete user shopping journey. It was developed using HTML, CSS, and vanilla JavaScript, with the Bootstrap 5 framework leveraged for a responsive, mobile-first layout and pre-built components. The project demonstrates a clean user interface and handles all essential e-commerce functionalities on the client-side.

Tech Stack

Key Features

• **Full User Authentication Flow:** Includes pages and logic for user login, registration, and password recovery.
• **Product Catalog:** A main page to display all products and a dedicated detail page for each item.
• **Shopping Cart:** A functional summary page that acts as a shopping cart, allowing users to see their selected items.
• **Responsive Design:** Built with Bootstrap to ensure a seamless experience on all devices, from mobile phones to desktops.
• **Promotional Pages:** Includes dedicated pages for a homepage and special offers to attract customers.

Challenges & Solutions

A key challenge was managing the shopping cart state across different pages purely on the client-side without a backend. This was solved by using `LocalStorage` to persist the cart data, allowing users to refresh the page or navigate between product pages without losing their selected items. JavaScript was used to dynamically render the cart summary from this stored data, creating a smooth and intuitive user experience.