Skip to content

Latest commit

 

History

History
63 lines (38 loc) · 2.01 KB

README.md

File metadata and controls

63 lines (38 loc) · 2.01 KB

About

Online furniture shop made on React framework as part of the training marathon taking place from 8 to 21 January.

Project development

✔ Mobile-first workflow

Fully valid code

✔ HTML Semantic Tags

The project uses React and React DOM to create components and control the visual display:

  • JSX;
  • Props;
  • Functional Component;
  • List, Key;
  • React DevTools.

Used the Redux Toolkit (RTK) to manage the state of the application:

  • React Redux;
  • Redux-Thunk;
  • Redux DevTools.

CSS & SCSS was used for styling, specifically modular CSS-in-React.

React Router has been used for routing.

Data comes from API to generate page, retrieve products, search.

The project has implemented:

  • Catalogue;
  • Favourites page (user can add a favourite product to favourites page);
  • Product cards with image gallery implemented on Swiper JS;
  • Cart;
  • Search by goods;
  • Pagination;
  • Sending the order to the server.

Vite is a tool for rapid development and building projects. I used it in this project to launch and build the application.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

PageSpeed Insights

✅ Mobile: 77/ 100 / 100 / 100

✅ Desktop: 82 / 100 / 100 / 100