https://github.com/makkianjum/fast-react-pizza
This is a simple web application that allows users to order pizzas from a menu without the need for user accounts or login
https://github.com/makkianjum/fast-react-pizza
context-api react-router reactjs redux vite
Last synced: 3 months ago
JSON representation
This is a simple web application that allows users to order pizzas from a menu without the need for user accounts or login
- Host: GitHub
- URL: https://github.com/makkianjum/fast-react-pizza
- Owner: MakkiAnjum
- Created: 2023-07-04T10:57:16.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-07-04T11:55:34.000Z (almost 3 years ago)
- Last Synced: 2025-06-03T11:00:06.038Z (about 1 year ago)
- Topics: context-api, react-router, reactjs, redux, vite
- Language: JavaScript
- Homepage: https://fast-react-pizza.vercel.app
- Size: 795 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Pizza Ordering App
This is a simple web application that allows users to order pizzas from a menu without the need for user accounts or login. Users can easily input their names before using the app and add multiple pizzas to a cart before placing an order. The app leverages modern web technologies such as React, Vite, React Router, tailwindcss, and Redux to provide a smooth and intuitive user experience.
## Preview
## Features
- **User-Friendly Interface**: The application offers a straightforward and intuitive interface, allowing users to order pizzas easily.
- **Dynamic Pizza Menu**: The pizza menu is loaded from an API, enabling the flexibility to change the available options and prices.
- **Cart Functionality**: Users can add multiple pizzas to a cart before finalizing their order.
- **Order Placement**: Ordering requires providing the user's name, phone number, address, and optional GPS location for convenient delivery.
- **Priority Order**: Users have the option to mark their order as a "priority" order, incurring an additional 20% cost on the cart price.
- **Order Submission**: Orders are made by sending a POST request with the order data, including user information and selected pizzas, to the API.
- **Payment on Delivery**: Payments are handled during delivery, eliminating the need for payment processing within the app.
- **Order Tracking**: Each order receives a unique ID, allowing users to later look up their order status using the provided ID.
- **Order Modification**: Users can mark an existing order as a "priority" order even after it has been placed.
## Technologies Used
- React: A popular JavaScript library for building user interfaces.
- Vite: A fast and efficient build tool for modern web applications.
- React Router: A routing library for React applications, enabling navigation between different views. data fetching with React Router `Loaders`
- tailwindcss: A utility-first CSS framework for quickly building responsive and customizable interfaces.
- Redux: A predictable state container for JavaScript applications, providing centralized state management.
## Getting Started
To set up the project locally, follow these steps:
1. Clone the repository: `git clone https://github.com/makkianjum/fast-react-pizza.git`.
2. Navigate to the project directory: `cd your-repo`.
3. Install the dependencies: `npm install` or `yarn install`.
4. Start the development server: `npm run dev` or `yarn dev`.
5. Open your browser and visit `http://localhost:5173` to access the application.