Skip to content

This is a pizza ordering App built using reactjs , tailwind css , redux for state management

Notifications You must be signed in to change notification settings

Bhupender2/react-pizzeria

Repository files navigation

Here’s a detailed GitHub README for your React Pizzeria project:


React Pizzeria 🍕

A simple, fast, and responsive pizza ordering app built using ReactJS, Tailwind CSS, and Redux Toolkit. With features like real-time menu loading from an API, GPS-based delivery location, and priority order functionality, React Pizzeria makes ordering pizza a breeze!

React Pizzeria Demo

🚀 Features

  • 📜 Dynamic Pizza Menu: The menu is loaded from an API, ensuring up-to-date selections.
  • 🛒 Cart Functionality: Users can easily add multiple pizzas to the cart before placing their order.
  • 📍 Geolocation Support: Uses the Geolocation API to fetch the user's GPS location and fill in their address details based on latitude and longitude.
  • 🎯 Priority Orders: Users can mark their order as "Priority" for a faster delivery at an additional cost (20% of the cart value).
  • 🆔 Unique Order ID: Every order is assigned a unique ID, allowing users to track their orders.
  • 🛠 Payments on Delivery: No online payment processing—orders are paid upon delivery.
  • 🌍 Responsive Design: Built with Tailwind CSS, ensuring a seamless experience across all devices, whether mobile or desktop.

React Pizzeria Demo

🛠 Tech Stack

  • ReactJS: JavaScript library for building user interfaces
  • Tailwind CSS: Utility-first CSS framework for creating custom designs quickly
  • Redux Toolkit: Simplified state management for global states and asynchronous data fetching
  • Redux Thunk: Middleware for handling async logic in Redux
  • Geolocation API: For retrieving user's current location based on GPS coordinates
  • API Integration: Pizza menu is dynamically fetched from an external API

📸 Demo Screenshots

Here are a few screenshots of the app in action:

  1. Menu Screen: Menu Screen

  2. Cart Screen: Cart Screen

  3. Order Confirmation Screen: Order Confirmation Screen

📦 Installation

To run the app locally:

  1. Clone the repository:
git clone https://github.com/Bhupender2/react-pizzeria.git
cd react-pizzeria
  1. Install the dependencies:
npm install
  1. Start the development server:
npm start
  1. Open your browser and visit: http://localhost:3000

🌐 API Integration

The app dynamically fetches the pizza menu from an external API. Ensure the API is running and available for fetching the latest pizza options.

🎯 Geolocation Feature

The app uses the Geolocation API to get the user's current location. Ensure location permissions are enabled in the browser for a smooth ordering experience.

🤝 Contributing

Feel free to submit a pull request if you find any bugs or want to improve the app!

📝 License

This project is licensed under the MIT License.

About

This is a pizza ordering App built using reactjs , tailwind css , redux for state management

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published