Skip to content

Sanmov13/team-MadePC-Front

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Сайт по продаже ПК

Это групповой проект, выполненный студентами школы программирования Intocode.


Вот ссылка на наш проект

Функционал сайта

  • Авторизация
  • Просмотр недорогих ПК
  • Просмотр игровых ПК
  • Просмотр самых мощных ПК
  • Возможность написания комментариев
  • Добавление ПК и сборки в корзину
  • Оформление заявки как на один, так и на несколько ПК
  • Отрисовка заявки у администратора
  • Страница игры под который подходит ПК, с возможностью просмотра максимальных и минимальных настроек
  • Страница одного ПК, с возможность просмотра всех деталей с подробным описанием
  • Возможность сборки ПК под себя

Ниже представлен наш проект

Made PC - Google Chrome 2022-10-13 10-52-42_Trim_Trim


  • Есть возможность собирать свой компьютер

Made PC - Google Chrome 2022-10-13 10-52-42_Trim (2)

Запуск проекта

Для запуска проекта вам необходимо набрать команду в терминале:

npm i

После набрать команду:

npm run dev

Технологии проекта

React Github Redux
Redux-Thunk JSON-Server React-Router
Prettier git Nodejs JavaScript

Команда проекта



В этом проекте я выполнял следующие задачи:

  • Сверстал страницу недорогих ПК
  • Организовал роутинг-маршрутизация внутри проекта
  • Сверстал страницу Корзины
  • Сделал возможность добавления и удаления из корзины
  • Сделал возможность увелечения и уменьшения количества товаров из корзины
  • Сделал возможность оформления заявки на покупку
  • Создание и контроль веток git

Установил следующие библиотеки в зависимости:

  • react-spring
  • react-toastify
  • react-router-dom
  • react-loader-spinner
  • prop-types
  • react-circular-progressbar

Для выполнения поставленных задач я использовал следующие библиотеки:

  • redux, redux-toolkit - чтобы создавать асинхронные экшены
  • react-router-dom - для роутинга
  • sass - использовался scss для написания стилей
  • framer-motion - для анимаций
  • react-loader-spinner - для прелоадеров

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 76.9%
  • SCSS 22.2%
  • Other 0.9%