Giter Site home page Giter Site logo

m6526 / fast-pizza Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 89 KB

Fast React Pizza Co is a feature-rich pizza ordering application with multiple pages, dynamic menus, a streamlined cart system, and a smooth ordering process. It's designed to provide a seamless user experience while ordering your favorite pizzas.

Home Page: https://meelad-fast-pizza.netlify.app/

JavaScript 94.74% HTML 2.46% CSS 2.80%
query-builder react-query-devtools react-router reactjs redux-toolkit usefetcher usereducer

fast-pizza's Introduction

React + Vite

Fast React Pizza Co ๐Ÿ•โœจ

Welcome to the Fast React Pizza Co, a delightful pizza ordering app built with React and Vite! ๐Ÿš€

Overview

Fast React Pizza Co is a feature-rich pizza ordering application with multiple pages, dynamic menus, a streamlined cart system, and a smooth ordering process. It's designed to provide a seamless user experience while ordering your favorite pizzas.

๐Ÿš€ Features

  • Dynamic Menu: Browse through a wide range of pizzas with beautiful pictures.
  • Custom API Integration: Utilizes a custom API to fetch data and dynamically update the app.
  • Cart Management: Easily add, remove, and modify the quantity of pizzas in your cart.
  • User-Friendly Cart: View your selected pizzas, their quantities, and total price in a user-friendly cart.
  • Order Form: A multi-step form for placing orders, including real-time location filling and priority options.
  • Real-Time Order Tracking: Track the preparation status, expected delivery time, and ingredients of your order.

๐Ÿ’ป Technologies Used

  • React and Vite: Building a fast and efficient web application.
  • Tailwind CSS: Styling the app with a beautiful and responsive design.
  • Redux Toolkit: Efficient state management for complex app behavior.
  • React Query and UseReducer: Advanced state management techniques for a smoother user experience.
  • React Router: Seamless navigation between different pages.
  • UseFetcher Hook: Fetching data without navigating back to the main page.
  • Screenshot (780) Screenshot (781) Screenshot (782) Screenshot (783) Screenshot (784) Screenshot (785)

๐Ÿš€ Getting Started

To run the project locally, follow these steps:

# Clone the repository
git clone https://github.com/your-username/Fast-React-Pizza-Co.git
# Navigate to the project directory
cd Fast-React-Pizza-Co
# Install dependencies
npm install vite and redux toolkit
# Start the development server
npm run dev
Visit http://localhost:3000 in your browser to see the app in action.
๐Ÿค Contributing
If you'd like to contribute to Fast React Pizza Co, please follow our contribution guidelines.
๐Ÿ“„ License
This project is licensed under the MIT License.
Happy ordering! ๐Ÿ•โœจ





fast-pizza's People

Contributors

m6526 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.