Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/rahuljsaliaan/fast-react-pizza

Fast React Pizza: Order, customize, and savor the perfect pizza, delivered with speed and convenience.
https://github.com/rahuljsaliaan/fast-react-pizza

css3 javascipt netlify react react-router-dom redux-toolkit tailwind-css vite

Last synced: 5 days ago
JSON representation

Fast React Pizza: Order, customize, and savor the perfect pizza, delivered with speed and convenience.

Awesome Lists containing this project

README

        

# Fast React Pizza - Online Pizza Ordering

[![Netlify Status](https://api.netlify.com/api/v1/badges/268778fd-ab6d-4be3-babf-ad68ad4cfe6f/deploy-status)](https://app.netlify.com/sites/fast-react-pizza-rahuljsaliaan/deploys)

Fast React Pizza, your one-stop solution for delicious pizza delivered right to your doorstep! Our user-friendly platform allows you to customize and order your favorite pizzas with ease. Whether you're craving a classic Margherita or an adventurous Meat Lovers, Fast React Pizza has you covered.

## Live App

Satisfy your pizza cravings by trying out the live demo of the Fast React Pizza project [🍕 Order Pizza Now! 🍕](https://fast-react-pizza-rahuljsaliaan.netlify.app/).

## Features

- **Extensive Pizza Menu:** Explore our diverse menu featuring a wide range of pizza options, from traditional classics to unique specialty pies.

- **Easy Cart Management:** Add your desired pizzas to the cart, adjust quantities, and view the total cost before placing your order.

- **Quick Ordering:** Streamline the ordering process by providing delivery details, including your name and address, making it effortless to enjoy your favorite pizzas.

- **Location-Based Address:** Utilize the "Use Location" button to automatically input your address based on your device's location, ensuring accuracy and convenience.

- **Order ID:** Each order generates a unique order ID for easy tracking and reference.

- **Priority Orders:** Opt for priority delivery to have your pizza order expedited for a small additional fee.

- **Currency Localization:** Experience pricing in your local currency, dynamically adjusted based on your location, providing transparency and ease of payment.

- **React Router for Navigation:** Our web app uses React Router for seamless navigation between pages, ensuring a smooth user experience.

- **State Management with Redux Toolkit:** Redux Toolkit is employed for efficient state management, enhancing the performance and reliability of our pizza ordering system.

## How to Use

1. **Order Your Pizza:** Begin your pizza journey by visiting the Fast React Pizza homepage. Browse the menu, select your favorite pizzas, and add them to your cart.

2. **Customize Your Order:** Customize your order by adjusting the quantity of each pizza in your cart. Review your order to ensure it's just the way you want it.

3. **Provide Delivery Details:** Proceed to the checkout, where you can provide your delivery details, including your name and address. Use the "Use Location" button for quick and accurate address input.

4. **Priority Option:** If you're in a hurry, choose the priority option to have your pizza delivered faster for a small additional fee.

5. **Currency Conversion:** Our system automatically converts prices to your local currency, so you know exactly what you're paying.

## Technologies Used

- React
- React Router
- Redux Toolkit
- CSS3
- JavaScript
- Tailwind CSS
- Vite (for fast development)
- Netlify (for deployment)

---

Thank you for choosing Fast React Pizza for your pizza cravings. We hope our web application makes ordering pizza a breeze and enhances your dining experience. If you have any questions or feedback, please don't hesitate to reach out to us. Enjoy your pizza with Fast React Pizza! 🍕🛵🌍.