A simple React application for managing a coffee shop, allowing users to view a menu, add items to a cart, and manage the cart contents.
The Coffee Cart App is a basic application built with React and Vite that enables users to view a menu of coffee items, add them to a cart, and manage the contents of the cart. It utilizes the Context API
for global state management and React Router
for navigation between the menu and cart pages.
To run the Coffee Cart App locally, follow these steps:
- Clone the repository:
git clone https://github.com/shiiraz/coffee-cart.git
- Navigate to the project directory:
cd coffee-cart
- Install dependencies:
npm install
- Start the development server:
npm run dev
Once the development server is running, you can access the Coffee Cart App in your web browser at http://localhost:5173
(or a different port if specified). You can view the menu, add items to the cart, and manage the cart contents by increasing, decreasing, or deleting items.
- View a list of coffee items in the menu
- Add items to the cart
- Increase, decrease, or delete items in the cart
- Display the total price of items in the cart
Explore the live version of the Coffee Cart App: Coffee Cart App Live