The main goal was to create a website according to a design mockup with Figma (link below) and implement the functionality of the website using React, allowing the user to interact with the interface. Navigation on the site is carried out using the React Router DOM. Different product models were obtained by extracting data from AXIOS. Filters and product search have also been added for the convenience of users. All products added by the user to the list of favorites or to the cart are stored in the mockAPI.
Project was created with:
- ReactJS 18
- TypeScript
- Redux Toolkit
- React Router v6
- Axios + Fetch
- React Hooks
- Prettier
- CSS-Modules / SCSS
- React Content Loader
- React Pagination
- Lodash.Debounce
- Code Splitting, React Loadable, useWhyDidYouUpdate
- Use 14 version of node.js:
$ nvm use 14
- Clone the repository to your local machine, open terminal (GitBash for Windows users) and clone repo with command bellow:
$ git clone https://github.com/NasyTheSlayer/ReactPizza.git
- Open project in terminal (or GitBash for Windows users):
$ code ReactPizza
- Set up project and install necessary packages in the code-editor you use:
$ npm install
- Open the project in browser:
$ npm start