The pizza shop with several features such as
- Search the pizza by name
- Filter all pizzas by category and sorting filter
- Ability to order a particular pizza and add it to the cart
- Observe particular pizza
- Pagination
- BEM is used as frontend development methodology
- Website is fully responsive
- All content is rendered dynamically.
- Backend was imitated using mockAPI.io.
- Filtering parameters are saved into url
- All orders in cart are saved in local storage
- Routing is implemented without refreshing the page
- Lazy loading implemented
- Typescript
- Redux Toolkit
- ReactJS 18
- React Router v6
- React skeleton
- React hooks
- React pagination
- Sass
- axios
- Lodash debounce
- Mock API
- Figma
- Pull this repository to your device
git clone https://github.com/vladimirkhvan/pizzaShop.git
- Change directory to project directory
cd {project folder path}
- Run project using npm
npm start
- Wait until new tab with address
localhost:3000
will be opened - Enjoy!
Figma design: Show Figma design
Deployed project: Show Website