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
- custom API was deployed on Glich by link
- enjoy the project by deploy link
🔸 🔸 🔸 Main page 🔸 🔸 🔸
🔸 🔸 🔸 Product card 🔸 🔸 🔸
🔸 🔸 🔸 Favourites 🔸 🔸 🔸
🔸 🔸 🔸 Cart & Order form 🔸 🔸 🔸
🔸 🔸 🔸 Modal window after order sending 🔸 🔸 🔸