The Odin Project: Full Stack JS - JAVASCRIPT Course

Shopping Cart

The Shopping Cart is a web application developed using React and Vite. It allows users to browse and add products to their shopping cart. The app includes two main pages: the homepage and the shop page, which contains the shopping cart. The navigation bar is available on both routes, allowing users to easily navigate between pages. The project focuses on setting up the shopping cart functionality, while the homepage serves as a routing practice using react-router-dom.

Table of Contents

• Technologies
• Features
• Getting Started
• Testing

Technologies

The project uses the following technologies:

• React + Vite
• React-Testing-Library + Vitest
• Redux
• Sass
• TypeScript
• React Router Dom

Features

• User can view a homepage and a shop page with a navigation bar for easy navigation between routes.
• User can add products to the shopping cart.
• User can adjust the quantity of items in the cart using increment and decrement buttons or by manually typing the quantity.
• User can proceed to checkout and pay (Note: The payment logic is not implemented in this project).
• User can test the app thoroughly using Vitest for unit testing.
• User can filter products by category

Getting Started

To run this app locally, follow these steps:

1. Clone this repository to your local machine:

https://github.com/lolikana/odin-shopping_cart.git

2. Install dependencies:

cd odin-shopping_cart
npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:3000 to view the app.

Testing

To run the unit tests for this app, use the following command:

npm run test

License

This project is licensed under the MIT License - see the LICENSE file for details.

Credits

This app was built as part of The Odin Project's JavaScript curriculum.