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

https://github.com/arpitjana2103/react-pizza

An pizza ordering app.
https://github.com/arpitjana2103/react-pizza

react reactrouter6 redux redux-toolkit tailwind

Last synced: about 2 months ago
JSON representation

An pizza ordering app.

Awesome Lists containing this project

README

          

# React Pizza: Book Pizza Online



React Pizza is a sleek web app built with React, Redux, Tailwind, Redux-Toolkit, and React-Router v6. Users can browse a pizza menu, manage their shopping cart, and search orders by ID. Its modern design ensures a seamless and enjoyable user experience.

[![Repo Type](https://img.shields.io/badge/repo_type-Public-fcc419?style=flat&link=https://github.com/arpitjana21/SafarSathi-BookToursOnline)](https://github.com/arpitjana21/SafarSathi-BookToursOnline)
![version](https://img.shields.io/badge/npm-v9.5.0-red)
![version](https://img.shields.io/badge/node-v18.15.0-green)
[![License](https://img.shields.io/badge/license-MIT-85e2cd.svg)](https://opensource.org/license/mit/)

##













##

## Tech & Tools

![Tech Stack](https://skillicons.dev/icons?i=react,redux,tailwind)

![Dev Tools](https://skillicons.dev/icons?i=vscode,git,github,postman)

## Getting Started

**Step 1** : Install `npm packages`

```
npm install
```

**Step 2** : Run

```
npm run dev
```

**Step 3** : Must have VS-Code Extentions

```
1. Prettier-Code formatter
2. ESLint
```

## Features

#### User and Admin Management:

1. Users can browse a list of pizzas using React-Router data-loading.
2. Shopping cart functionality is implemented with Redux-Toolkit.
3. Item count can be incremented or decremented in the cart.
4. Orders can be searched by their ID using React-Router v6.
5. Tailwind CSS is used to create a modern and responsive design.

## Contact Me

[![GitHub ](https://img.shields.io/badge/GitHub-@arpitjana21-orange?style=flat&logo=GitHub&link=https://github.com/arpitjana21)](https://github.com/arpitjana21)
[![LinkedIn ](https://img.shields.io/badge/LinkedIn-@arpitjana2103-0077b5?style=flat&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/arpitjana2103/)](https://www.linkedin.com/in/arpitjana2103/)

## LISENSE

[![License](https://img.shields.io/badge/license-MIT-85e2cd.svg)](https://opensource.org/license/mit/)

Copyright (c) 2024 Arpit Jana