Online furniture shop made on React framework as part of the training marathon taking place from 8 to 21 January.
✔ Mobile-first workflow
✔ 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.
- 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.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
✅ Mobile: 77/ 100 / 100 / 100
✅ Desktop: 82 / 100 / 100 / 100