https://github.com/khushal-ag/vitzza
A 🍕 Pizza ordering website using ⚛️ React + Vite with pre-Configured TailwindCSS, Eslint and Prettier.
https://github.com/khushal-ag/vitzza
eslint food-ordering pizza-order prettier react tailwindcss vitejs
Last synced: about 1 month ago
JSON representation
A 🍕 Pizza ordering website using ⚛️ React + Vite with pre-Configured TailwindCSS, Eslint and Prettier.
- Host: GitHub
- URL: https://github.com/khushal-ag/vitzza
- Owner: Khushal-ag
- License: mit
- Created: 2023-08-09T05:06:10.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2025-04-11T18:23:35.000Z (about 1 month ago)
- Last Synced: 2025-04-11T22:09:44.012Z (about 1 month ago)
- Topics: eslint, food-ordering, pizza-order, prettier, react, tailwindcss, vitejs
- Language: JavaScript
- Homepage: https://vitzza.khushalagarwal.me
- Size: 249 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
![][views] ![][stars] ![][forks] ![][issues] ![][license] ![][repo-size]
### 🏨A Pizza ordering website using React + Vite with preconfigured TailwindCSS, Eslint and Prettier
## ⚙️Dependencies Used
---
**[
**@reduxjs/toolkit:** ^1.9.5
][redux]**
**[
**react-router-dom:** ^6.14.2
][router]**
**[
**tailwindCss:** ^3.3.3
][tailwind]**
**[
**vitejs:** ^4.4.5
][vite]**
**[
**eslint:** ^8.45.0
][eslint]**
**[
**prettier:** ^3.0.1
][prettier]**
---
## 📸 Screen Shots
| **Home Page** | **Menu Page** |
| ------------- | ------------- |
| ![home] | ![menu] |
| **Cart** | **Order Page** |
| -------- | -------------- |
| ![cart] | ![order] |
## 🛠️ Getting Started
⬇️ **Fetch latest source code from master branch.**
```bash
git clone https://github.com/Khushal-ag/vitzza.git
cd vitzza
```
👌 **Create `.env.local` file & add your own `API_URLS` as mentioned in `.env.example` file.**
```js
VITE_RESTURANT_API_URL =
VITE_GEOCODING_API_URL =
```
👟 **Run the Website with 🆚Code **or** 💻Command Line:**
```bash
pnpm i
pnpm dev
```
## 📂Directory Structure
```bash
.
├── CODE_OF_CONDUCT.md
├── index.html
├── LICENSE
├── package.json
├── pnpm-lock.yaml
├── postcss.config.js
├── prettier.config.cjs
├── public
│ ├── react.svg
│ └── vite.svg
├── README.md
├── src
│ ├── App.jsx
│ ├── features
│ │ ├── cart
│ │ │ ├── CartItem.jsx
│ │ │ ├── Cart.jsx
│ │ │ ├── CartOverview.jsx
│ │ │ ├── cartSlice.js
│ │ │ ├── DeleteItem.jsx
│ │ │ ├── EmptyCart.jsx
│ │ │ └── UpdateItemQuantity.jsx
│ │ ├── menu
│ │ │ ├── MenuItem.jsx
│ │ │ ├── Menu.jsx
│ │ │ └── menuLoader.js
│ │ ├── order
│ │ │ ├── CreateOrder.jsx
│ │ │ ├── orderActions.js
│ │ │ ├── OrderItem.jsx
│ │ │ ├── Order.jsx
│ │ │ ├── SearchOrder.jsx
│ │ │ └── UpdateOrder.jsx
│ │ └── user
│ │ ├── CreateUser.jsx
│ │ ├── UserName.jsx
│ │ └── userSlice.js
│ ├── index.css
│ ├── main.jsx
│ ├── services
│ │ ├── apiGeocoding.js
│ │ └── apiRestaurant.js
│ ├── store.js
│ ├── ui
│ │ ├── AppLayout.jsx
│ │ ├── Button.jsx
│ │ ├── Error.jsx
│ │ ├── Header.jsx
│ │ ├── Home.jsx
│ │ ├── LinkButton.jsx
│ │ └── Loader.jsx
│ └── utils
│ └── helpers.js
├── tailwind.config.js
└── vite.config.js
```
## ☢️Contributors
[![][contributors]][contributors-graph]
_Note: It may take up to 24h for the [contrib.rocks][contrib-rocks] plugin to update because it's refreshed once a day._
[views]: https://komarev.com/ghpvc/?username=vitzza&label=view%20counter&color=red&style=flat
[repo-size]: https://img.shields.io/github/repo-size/Khushal-ag/vitzza
[issues]: https://img.shields.io/github/issues-raw/Khushal-ag/vitzza
[license]: https://img.shields.io/github/license/Khushal-ag/vitzza
[forks]: https://img.shields.io/github/forks/Khushal-ag/vitzza?style=flat
[stars]: https://img.shields.io/github/stars/Khushal-ag/vitzza
[contributors]: https://contrib.rocks/image?repo=Khushal-ag/vitzza&max=500
[contributors-graph]: https://github.com/Khushal-ag/vitzza/graphs/contributors
[contrib-rocks]: https://contrib.rocks/preview?repo=Khushal-ag%2Fvitzza
[redux]: https://redux-toolkit.js.org/
[router]: https://reactrouter.com/en/main/start/overview
[eslint]: https://eslint.org/
[prettier]: https://prettier.io/
[tailwind]: https://tailwindcss.com/
[vite]: https://vitejs.dev/
[home]: https://graph.org/file/fa8cb77fbe45789fd4029.png
[menu]: https://graph.org/file/6b1bf989581158f7abc3f.png
[cart]: https://graph.org/file/c2eb2f0e87f35fab0f3e8.png
[order]: https://graph.org/file/0806d0073013c69761eee.png