Stone Pizza Co. is a modern and fully responsive web application where customers can view our delicious menu, place orders seamlessly, and track the status of their orders in real time. Designed to provide an intuitive and smooth user experience, this project demonstrates cutting-edge web development practices.
Check out the live site: Stone Pizza Co.
- Browse a curated menu of stone-baked pizzas.
- Add items to your cart and place orders effortlessly.
- Track your order's status in real time.
- Automatically detect your location for more personalized service.
- Fully responsive interface for seamless usability on all devices, from desktops to mobile phones.
- Redux Toolkit for robust state management.
- React Router for dynamic routing and navigation.
- TailwindCSS for a sleek, customizable UI.
- Geolocation API for location-based functionality.
| Technology | Purpose |
|---|---|
| React | Front-end framework for building components. |
| Redux Toolkit | State management and application logic. |
| React Router | Navigation and routing. |
| TailwindCSS | Utility-first CSS for styling. |
| Geolocation API | Retrieve user location for enhanced UX. |
| Netlify | Hosting the live application. |
Follow these steps to run the project locally:
-
Clone the repository:
git clone https://github.com/cedekpoole/stone-pizza-co.git
-
Navigate to the project directory:
cd stone-pizza-co -
Install dependencies:
npm install
-
Start the development server:
npm run dev
This project showcases my ability to:
- Implement state management using Redux Toolkit for a scalable application.
- Utilize React Router for dynamic navigation and routing.
- Build a responsive UI with TailwindCSS for an optimal user experience on any device.
- Leverage APIs like Geolocation to enhance application functionality.
- Deliver a production-ready application with responsive design, clean code, and efficient workflows.