Welcome to ARTISANAL PIZZA PANTRY – a dynamic React app that seamlessly connects with an external API to bring you a delectable array of pizza options. With a few clicks, users can effortlessly explore and choose the pizza that resonates with their cravings. Our user-friendly interface ensures a hassle-free experience as you embark on a culinary journey through our virtual restaurant.
- React
- React Router
- Axios
- Redux Toolkit
- Tailwind
- React-Toastify
Front-End Development with React:
- Build responsive user interfaces using React components.
- Implement component-based architecture for better code organization.
- Utilize hooks (e.g., useState, useEffect, useRef) to manage state and side effects.
- Implement routing using React Router to enable navigation within the app.
- Integrate third-party libraries, like React Toast, for enhanced user experience.
- Implement and manage forms to collect user input (e.g., creating orders).
- Handle conditional rendering based on different states (e.g., loading, success, error).
State Management with Redux:
- Implement Redux to manage global state in a centralized manner.
- Define actions, reducers, and slices to modify the state.
- Use Thunk middleware for asynchronous actions (e.g., fetching data from APIs).
- Utilize selectors to efficiently extract specific data from the state.
Styling and Design:
- Apply responsive design principles to ensure the app works well on various screen sizes.
- Use CSS frameworks (e.g., Tailwind CSS) to style components consistently and efficiently.
- Implement dark mode to provide users with a choice of visual theme.
API Integration:
- Fetch data from external APIs using libraries like Axios.
- Handle API requests and responses, including error handling. Utilize async/await to manage asynchronous operations effectively.
First clone this repository.
$ git clone https://github.com/LuisSalas94/ARTISANAL-PIZZA-PANTRY-React-PizzaInstall dependencies. Make sure you already have nodejs & npm installed in your system.
$ npm install # or yarnRun it
$ npm start # or yarn start- GitHub: @LuisSalas94
- LinkedIn: Fernando Salas
- Medium: Fernando Salas
- Portfolio: Fernando Salas Portfolio
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Original design by Nelson Sakwa on Behance
Give a ⭐️ if you like this project!
This project is MIT licensed.