https://github.com/simandrew/fast-react-pizza
https://github.com/simandrew/fast-react-pizza
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/simandrew/fast-react-pizza
- Owner: SimAndrew
- Created: 2024-03-10T19:51:36.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-03-28T10:24:50.000Z (about 1 year ago)
- Last Synced: 2025-01-12T11:32:14.348Z (4 months ago)
- Language: JavaScript
- Homepage: https://fast-react-pizza-com.vercel.app/
- Size: 197 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Fast React Pizza
### About:
To use the application, you need to give permission to the device location. The application uses device location by [bigdatacloud.com/reverse-geocoding](https://www.bigdatacloud.com/reverse-geocoding)
Single-page responsive web application that allows the user to purchase pizza from the menu.
Features:
- User enters name before ordering
- User can order one or more pizzas from a menu
- Menu is loaded from an API
- User can enter delivery address or choose GPS location
- User can mark order as a priority order, or do it after placing your order
- Each order has a unique ID that can be used to search and view order details
The application fetches Menu, Order, New Orders from API [https://react-fast-pizza-api.onrender.com/api/menu](https://react-fast-pizza-api.onrender.com/api/menu)
You can try here: [fast-react-pizza-com.vercel.app](https://fast-react-pizza-com.vercel.app/)
---
### Sample task, photo:
---
### Technologies, Libraries:
- [React JS](https://react.dev/)
- [Vite JS](https://vitejs.dev/), [ESLint](https://eslint.org/), [Prettier](https://prettier.io/)
- [Tailwind CSS](https://tailwindcss.com/)
- Media query for mobile devices Responsive Design
- Flexbox
- CSS Grid
- [reactrouter.com](https://reactrouter.com/) Single-Page App
- [Redux](https://redux.js.org/)
- [React Redux](https://github.com/reduxjs/react-redux/)
- [Redux Toolkit](https://redux-toolkit.js.org/)
- [Fetches Menu from API](https://react-fast-pizza-api.onrender.com/api/menu)
- [Transform latitude/longitude coordinates into precise location bigdatacloud.com](https://www.bigdatacloud.com/reverse-geocoding)
---
### Run the app:
- Clone a project: `git clone`
```
https://github.com/SimAndrew/fast-react-pizza.git
```
- Open project code in your editor.
- Install the dependencies, enter into the terminal:
```
npm install
```
- Run the project, enter into the terminal:
```
npm run dev
```