A user-friendly web application where users can fully customize their pizza orders, manage their cart, and utilize an API to autofill their delivery address. The app generates an order number for tracking purposes, and users can search for their order by ID.
- Custom Pizza Orders: Choose toppings, size, and crust to create the perfect pizza.
- Cart Management: Review, update, or remove items from the cart before placing an order.
- Address Autofill: Use an API to automatically fill in address details for faster checkout.
- Order Tracking: Receive a unique order number for tracking, and search for orders by ID.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for styling the UI.
- Redux Toolkit: A state management library for handling the application state efficiently.
- Clone the repository:
git clone https://github.com/yourusername/pizza-co.git
- Official Documentation: React Docs
- React Hooks: Hooks API Reference
- Official Documentation: Tailwind CSS Docs
- Tailwind Cheat Sheet: Cheat Sheet
- Official Documentation: Redux Toolkit Docs
- Redux Best Practices: Redux Best Practices
- Netlify: Deploying React apps on Netlify
- React Router: React Router Docs
.
├── public # Public assets
├── src
│ ├── components # Reusable components
│ ├── features # Feature-based structure (e.g., cart, orders)
│ ├── hooks # Custom React hooks
│ ├── styles # Global styles and Tailwind configuration
│ └── store # Redux slices and store configuration
└── README.md # Project documentation