Getting Started

Run each of the lines above in a git bash terminal:

1. Clone the repository

git clone https://github.com/heliohdd/fast-react-pizza.git

2. Change to the project folder

cd fast-react-pizza

3. Install NPM packages dependencies

npm install

4. Now run the application

npm run dev

And then open http://localhost:5173 with your browser to see the result.

Introduction

"Fast React Pizza Co." is a site that allow customers to order pizzas and get them delivered to their home.

Project Requirements From the Business

1. Very simple application, where users can order one or more pizzas from a menu
2. Requires no user accounts and no login: users just input their names before using the app
3. The pizza menu can change, so it should be loaded from an API
4. Users can add multiple pizzas to a cart before ordering
5. Ordering requires just the user's name, phone number, and address
6. GPS location is also provided, so to make delivery easier
7. User's can mark their order as "priority" for an additional 20% of the cart price
8. Orders are made by sending a POST request with the order data (user data + selected pizzas) to the API
9. Payments are made on delivery, so no payment processing is necessary in the app at this moment
10. Each order will get a unique ID that should be displayed, so the user can later look up their order based on the ID
11. Users should be able to mark their order as "priority" order even after it has been placed

Technology & Tools

• React Router for routing
• Tailwindcss for styling
• React Router for remote state management
• Redux for UI state management

Structure of the application

1. Homepage
2. Pizza menu
3. Cart
4. Placing a new order
5. Looking up an order