Episode 8: Quantity Update and Remove Items from Cart
Quantity Update and Remove Items from Cart – you will upgrade your cart page with 2 new features: </br>- Increase/decrease product quantity </br>- Remove products from cart
Quantity Update and Remove Items from Cart – you will upgrade your cart page with 2 new features: </br>- Increase/decrease product quantity </br>- Remove products from cart
Protect the Cart page so that only logged in users can access it. If they are not logged in, they will be redirected to the Login page.
Build Login functionality with simple authentication (based on email/password in db.json) and use LocalStorage to save login state
Build Cart page, "Add to Cart" button, save cart to JSON-Server
In this episode, we'll set up a **mock backend** using [JSON-Server](https://github.com/typicode/json-server). This allows us to simulate a REST API for products, users, and cart items.
In this episode, we’ll integrate **React Router** into our app to allow page navigation between **Home**, **Cart**, and **Login**.
In this episode, we'll build the **Home page** of the e-commerce site. We'll create a **product card component**, use **dummy JSON data**, and style everything using **Tailwind CSS**.
In this episode, we'll set up the foundation of our e-commerce app using React and Tailwind CSS.
Building a simple e-commerce web app using React JS (with Create React App), Tailwind CSS, JSON-Server, React Router, and user login support.
Goal: Introduce interfaces as a second form of abstraction and use them to unify actions like using skills or applying effects.