🍕 Sliced Co.

Pizza Shop App in React ⚛️ & Tailwind CSS .

Check Demo

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.

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

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

• 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.

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

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

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

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.

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.

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

• Email: [email protected]
• Website: www.sliced-tejas.netlify.app
• LinkedIn: linkedin.com/tejpatade

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