https://github.com/codewithalamin/fast-react-pizza-app
Fast React Pizza app built with React, React Router, Redux Toolkit and Tailwind CSS.
https://github.com/codewithalamin/fast-react-pizza-app
codewithalamin ecommerce ecommerce-website food-delivery-application pizza-app react-app react-pizza-app
Last synced: about 2 months ago
JSON representation
Fast React Pizza app built with React, React Router, Redux Toolkit and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/codewithalamin/fast-react-pizza-app
- Owner: CodeWithAlamin
- Created: 2023-10-14T17:17:18.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-30T12:58:52.000Z (11 months ago)
- Last Synced: 2025-06-29T17:03:29.133Z (3 months ago)
- Topics: codewithalamin, ecommerce, ecommerce-website, food-delivery-application, pizza-app, react-app, react-pizza-app
- Language: JavaScript
- Homepage: https://fast-react-pizza-alamin.vercel.app
- Size: 313 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Fast React Pizza
[🌐WebSite](https://fast-react-pizza-alamin.vercel.app)
## Key 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**, and **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**
## Built with
- [React](https://reactjs.org) - A JavaScript library for building user interfaces
- [Redux Toolkit](https://redux-toolkit.js.org) - A simplified, efficient, and powerful Redux library for building state management systems
- [Tailwind CSS](https://tailwindcss.com) - Utility-first CSS framework for building any design
- HTML5
- Mobile-first workflow
- [Vite](https://vitejs.dev/) - A JavaScript module bundler and development server.
## What I Learned
During the course of this project, I had the opportunity to learn and improve my Tailwind CSS skills. I also gained a deeper understanding of React router with thunk, and I learned how to use React Redux Toolkit to manage state in my React applications. These new skills have made me a better developer, and I am excited to use them in future projects.
## Installation
- Clone this repo:
```sh
git clone https://github.com/CodeWithAlamin/Fast-React-Pizza-App.git
```
- Install dependencies:
```sh
npm install
```
- Build command:
```sh
npm run build
```
- Live server:
```sh
npm run dev
```
## Author
👤 Alamin
- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)
- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)
- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)
- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)
Feel free to contact me with any questions or feedback!
## Credits
This app was created as part of [Jonas Smechmann's](https://twitter.com/jonasschmedtman) Udemy course named [The Ultimate React Course 2023: React, Redux & More](https://www.udemy.com/course/the-ultimate-react-course)
Special thanks to Jonas for his excellent teaching and guidance throughout the course.