Skip to content

Pizza Ordering App with Modern React, ReactQuery, Redux, Tailwind for CSS.

Notifications You must be signed in to change notification settings

Tejaspatade/sliced

Repository files navigation

🍕 Sliced Co.

Pizza Shop App in React ⚛️ & Tailwind CSS :atom:.

Description

Sliced Co. is a delightful and efficient online platform for pizza enthusiasts! This project is designed to provide users with a seamless and enjoyable shopping experience for their favorite pizza creations.

By incorporating React, Redux Toolkit, and Tailwind CSS, we've crafted a user-friendly interface with robust state management, allowing users to effortlessly create, modify, and track their pizza orders using unique order IDs provided by the API.

pizza-1

Features

  • Dynamic Menu from API: The pizza menu is fetched from this endpoint.

pizza-2

  • SPA Design: Designed to be a SPA(Single Page Application) withe the UI completely designed with Tailwind CSS.

pizza-5

  • Ordering System: Order items in your cart and track the order using a designated order ID coming from the API. Cart is stored as Redux State with RTK for all state management.

pizza-3

  • Order Info: Order info is validated and can also fetch live location.

pizza-4

Technologies Used

  • React
  • Tailwind CSS (Styling)
  • React Router DOM v6.4 (Routing)
  • Redux Toolkit (State Management)

Installation and Usage

Prerequisites

  • Node.js (Version 18.17.0)
  • npm (Version 7.0.0)

Getting Started

  1. Clone the repository:

    git clone https://github.com/Tejaspatade/sliced.git
    cd sliced
  2. Install dependencies:

    npm install
  3. Open your browser and navigate to http://localhost:3000 to access Sliced.

Contributing

We welcome contributions to enhance the features and usability of Das Hotelier. To contribute, please follow these steps:

  1. Fork the repository.

  2. Create a new branch for your feature or bug fix:

    git checkout -b feature/your-feature-name
  3. Commit your changes:

    git commit -m "Add your commit message here"
  4. Push to the branch:

    git push origin feature/your-feature-name
  5. Open a pull request on GitHub, and we will review your changes.

Contact

If you have any questions or suggestions, please feel free to contact us:

Thank you for using Sliced Co! We hope you like the UI. Happy Slicing! 🍕😋

About

Pizza Ordering App with Modern React, ReactQuery, Redux, Tailwind for CSS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published