Note: This project is based on The Ultimate React Course by Jonas Schmedtmann.
This demo project simulates an online ordering platform tailored for a pizzeria. Users can browse through available menu options and simulate the ordering process. Leveraging React's capabilities, the application demonstrates efficient state management and responsive design principles. This project serves as a practical showcase of frontend development techniques, offering insights into building intuitive user interfaces for online food ordering systems.
Live Deployment: https://pjf3av-fast-react-pizza.netlify.app/.
- View currently available menu items
- Add items to and view cart
- Check out with phone/address details (optionally using geolocation)
- Mark special orders for priority for extra fee
- Check order status
- Simulated payment processing (not a focus of project)
- Respsonive UI design
- React
- Redux
- useReducer
- React Router
- Tailwind CSS
- API for fetching restaurant menu (available items, sold out status, etc.)
- API for placing orders
- API for fetching placed order status
To clone and deploy this project locally, follow these simple steps.
First, make sure you have the latest version of npm:
npm install npm@latest -g
- Clone this repo
git clone https://github.com/pjf3av/fast-react-pizza.git
- Install NPM packages
npm i
- Start server
npm run dev