Pizza Maggiore

GitHub link

Pizza Maggiore is a single-page app, built with:

- TypeScript

- React (Hooks: useState, useEffect, useCallback, useRef)

- Redux (Redux Toolkit: useSelector, useDispatch)

- React Router (Routes, Route, useParams, Link, useNavigate)

- AJAX (AXIOS with async/await and try/catch/finally)

- SASS (Modules)

- HTML

- Testing: Jest

- Rerender optimization ( React.Suspense, React.lazy, React.memo, dynamic import, Why-did-you-update, Profiler, etc)

- Mock Server: mockapi.io

The functionality of the app:
- User can add pizzas to the cart;
- Price and quantity are shown in the header, cart and items info;
- User can see detailed information about products;
- The app generates the query with search parameters in the browser search field to allow users to share the link with found products;
- Unpaid products save in the local storage;
- etc.

Developmet

To make the code base more predictable and avoid bugs during the development process I choose TypeScript. As a state management system, I added a Redux and used Redux Toolkit to reduce writing boilerplate code. Using Redux DevTools I was testing the state during the development process.

View Live