Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/MahdiarRez/Pizzateria

Pizzateria is a Redux project where people can order pizza with very simple authentication.
https://github.com/MahdiarRez/Pizzateria

api javascript react react-router react-router-dom redux-toolkit tailwind-css

Last synced: 15 days ago
JSON representation

Pizzateria is a Redux project where people can order pizza with very simple authentication.

Awesome Lists containing this project

README

        

# Pizzateria πŸ•

## πŸ“š Description πŸ“š
Pizzateria is a dynamic Single Page Application (SPA) designed to provide a seamless online pizza ordering experience. Built with React and Redux Toolkit, this application offers a responsive and user-friendly interface, allowing customers to easily navigate through the pizza menu, manage their orders, and track their delivery status.

Pizzateria aims to revolutionize the way pizza lovers order their favorite meals online. With its robust features and sleek design, it promises to deliver convenience and satisfaction right to your doorstep. Whether you're craving a classic Margherita or a unique gourmet creation, Pizzateria is your go-to solution for all things pizza!

## πŸš€ Features πŸš€
- Very simple application where users can order one or more pizzas from a menu
- Requires no user accounts and no login: users just input their names before using the app
- The pizza menu can change so it should be loaded from an API
- Users can add multiple pizzas to a cart before ordering
- Ordering requires just the user’s name & phone number & address If possible
- GPS location should also be provided to make delivery easier
- User’s can mark their order as β€œpriority” for an additional 20% of the cart price
- Orders are made by sending a POST request with the order data (user data + selected pizzas) to the API
- Payments are made on delivery so no payment processing is necessary in the app
- Each order will get a unique ID that should be displayed so the user can later look up their order based on the ID
- Users should be able to mark their order as β€œpriority” order even after it has been placed.

## πŸ“· Screenshots πŸ“·
Screenshot 1403-07-12 at 16 18 23
Screenshot 1403-07-12 at 16 18 33
Screenshot 1403-07-12 at 16 18 43
Screenshot 1403-07-12 at 16 18 55
Screenshot 1403-07-12 at 16 19 07
Screenshot 1403-07-12 at 16 19 34
Screenshot 1403-07-12 at 16 20 10
Screenshot 1403-07-12 at 16 20 30
Screenshot 1403-07-12 at 16 20 19

## πŸ€– Technologies πŸ€–
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white)

## How to use ?
write these commands in your terminal :
- npm i
- npm run dev