Check deployed project

React Pizza

The pizza shop with several features such as

1. Search the pizza by name
2. Filter all pizzas by category and sorting filter
3. Ability to order a particular pizza and add it to the cart
4. Observe particular pizza
5. Pagination

Tech details.

• 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

Tech used.

• Typescript
• Redux Toolkit
• ReactJS 18
• React Router v6
• React skeleton
• React hooks
• React pagination
• Sass
• axios
• Lodash debounce
• Mock API
• Figma

How to run the project

1. Pull this repository to your device
   git clone https://github.com/vladimirkhvan/pizzaShop.git
2. Change directory to project directory
   cd {project folder path}
3. Run project using npm
   npm start
4. Wait until new tab with address localhost:3000 will be opened
   
5. Enjoy!
   

Links

Figma design: Show Figma design
Deployed project: Show Website