/Aloha-app

Real shop - Yngai

Primary LanguageJavaScript

Магазин вещей ALOHA!

Привет меня зовут Нурсултан, желаю приятного чтения!


  • Вы можете посмотреть веб сайт по этой ссылку : 'В разработке'

###Чтобы запустить проект (front) пропишите yarn start

вас встречает главная страница, с предложением перейти в раздел, для мужчин женщин или для всех, при наводке на карточки предложения вы можете

выбрать категорию каждого товара.

вы перешли, и вас встерчает огромный ассортимент товара, на свой вкус и цвет. у каждого товара есть свой размер, цвет, количество в наличии а так же цена.

при выборе нажимаете на товар, и вас переносит на страницу products, там все о товаре, можно рассмотреть его с разных ракурсов, уход и состав, выбрать другой цвет,

размер. Так же есть связанные товары, то есть под все категории. если выбрали футболку будут в рекомендациях только футболки, худи то только худи и тд

сайт полностью адаптивный, под все размеры.

есть избранные, копит все ваши понравившиеся товары.

есть карзина, там суммируется весь ваш товар. прям там можно будет изменить количество, и оформить заказ.

можно создать профиль, зарегестрироваться. Войти и выйти. Если вы зайдете через Admin, у вас будут привилегии.

при входе через Admin у вас откроется Admin-Panel там абсолютно все данные о пользователях. Кто зарегистрирован, когда, что заказал и тд.

так же есть раздел в Админ панеле для создания товара, совсем простой, но очень практичный. создается полноценный товар, выбираем цвет название количество категорию и так далее, а так же пол! После создания, продукт показывается в магазине под своей категорий. Еще можно обновить товар, то есть если у вас изменился товар,

появились новые цвета, вы без проблем можете изменить товар.

последнее в admin-panel это подтвержение заказа или отклонение, то есть админ может проверить кто что заказал, и подтвердить заказ или отклонить

Пока данные грузятся с Backend, установил Skeleton чтобы стояло на месте пока грузятся продукты. как догрузились становятся за место скелетона

есть поисковик, при нажатии переносит и автоматически открывает поисковик, где быстро ищет товары

можете в contacts оставить свои данные, мне придет на почту что вы хотите связаться

так же скроллится на верх, что очень удобно!


## Были использованы библиотеки такие как:
 "2gis-maps": "^3.7.1",
    "@mui/material": "^5.8.3",
    "@reduxjs/toolkit": "^1.8.2",
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^13.0.0",
    "@testing-library/user-event": "^13.2.1",
    "antd": "^4.21.4",
    "axios": "^0.26.1",
    "cors": "^2.8.5",
    "firebase": "^9.8.3",
    "framer-motion": "^6.3.11",
    "google-map-react": "^2.1.10",
    "i18next": "^21.6.16",
    "i18next-browser-languagedetector": "^6.1.4",
    "i18next-http-backend": "^1.4.0",
    "node-sass": "7",
    "ra-data-simple-rest": "^4.0.3",
    "react": "^18.0.0",
    "react-admin": "^4.0.3",
    "react-content-loader": "^6.2.0",
    "react-dom": "^18.0.0",
    "react-hook-form": "^7.30.0",
    "react-i18next": "^11.16.6",
    "react-icons": "^4.3.1",
    "react-input-mask": "^2.0.4",
    "react-lazy-load-image-component": "^1.5.4",
    "react-loading-skeleton": "^3.1.0",
    "react-number-format": "^4.9.2",
    "react-redux": "^8.0.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "5.0.1",
    "react-scroll": "^1.8.7",
    "react-toastify": "^9.0.5",
    "redux": "^4.2.0",
    "sass": "^1.50.1",
    "swiper": "^8.1.1",
    "uuid": "^8.3.2",
    "web-vitals": "^2.1.0"
и еще многое другое...