SPA | Online-store LACELUXE

Description 📄

REACT project.

Using technologies:

• Vite
• React (functional components, hooks: useEffect, useState, useRef, useParams, useLocation, useNavigate)
• Redux (hooks: useDispatch, useSelector)
• RTK (Store, Slices, Reducers, combineReducers, createAsyncThunk, extraReducers)
• Routing (Route, RouterProvider, NavLink, Outlet, createBrowserRouter, createRoutesFromElements)
• custom API for getting data
• styles were implemented by using modules with SASS preprocessor
• destructurization, ES6+ syntax
• extra libraries:
  • classnames
  • react-use for changing banner images according to screen sizes
  • vite-plugin-svgr for using svg images in the progect via import
  • formik for forms
  • react-number-format for phone number pattern
  • yup for validation input forms
  • react-loader-spinner

Deploy info ⚡

• custom API was deployed on Glich by link
• enjoy the project by deploy link

Screenshots 📷

🔸 🔸 🔸 Main page 🔸 🔸 🔸

🔸 🔸 🔸 Product card 🔸 🔸 🔸

🔸 🔸 🔸 Favourites 🔸 🔸 🔸

🔸 🔸 🔸 Cart & Order form 🔸 🔸 🔸

🔸 🔸 🔸 Modal window after order sending 🔸 🔸 🔸