О проекте
Elegant jewelry – интернет-магазин ювелирных изделий. В финальном проекте студенты должны продемонстрировать все практические навыки, которые они получили за 7 месяцев обучения на курсе. Главные задачи: создать репозиторий и структуру проекта, разработать основные компоненты главной страницы с адаптивом, сверстать и поработать над логикой сайта, наполнить базу и научиться взаимодействовать с BackEnd. Над проектом работали 8 студентов группы FE_1_online(1). Работа над сайтом продолжалась 60 дней.
Задачи:
- создание репозитория и структуру проекта;
- разработка основных компонентов главной страницы с адаптивом;
- разработка по подгруппам каждой страницы (верстка+адаптив);
- разработка по подгруппам каждой страницы (логика);
- наполнение базы и взаимодействие с BackEnd;
- внесение правок в проект.
Этапы работы:
- выбор макета и разбивка на компоненты;
- планирование рабочего процесса;
- анализ разработки на первом этапе;
- подготовка задач на следующие этапы;
- разработка и review разработанных компонентов;
- наполнение базы данных;
- улучшение кода и исправление основных ошибок;
- реализация логики и работоспособности сайта;
- тестирование компонентов.
Технологии, которые были использованы:
❇️ Основные инструменты:
- react;
- react-dom;
- react-router-dom;
- react-redux;
- redux;
- redux-devtools-extension;
- redux-thunk;
- redux-logger;
- reduxjs/toolkit;
- sass.
❇️ Дополнительные инструменты:
- formik;
- classnames;
- card-validator;
- mui/material;
- emotion/styled;
- react-number-format;
- react-creditcard-validator;
- swiper;
- use-react-router-breadcrumbs;
- yup;
- yup-phone-lite.
❇️ Библиотеки:
- Material UI;
- JEST.
❇️ Тестирование:
- testing-library/jest-dom;
- testing-library/react.
Студенты, которые работали над проектом:
- 🧑💻 Мирошниченко Андрей – scrum-master, project manager, разработчик:
- распределение задач и занесение в Trello;
- организация meeting;
- разработка компонентов Button, Footer;
- разработка Breadcrumbs и внедрение в проекте Routing;
- разработка Login и Registration Page;
- корректировка стилей по всему проекту;
- наполнение сайта страницами Contact, AboutUs, OurProduction, 404, Constract.
-
🧑💻 Артем Панасюк — технический специалист, разработчик:
- создание структуры проекта и репозитория;
- создание основных стилей;
- разработка компонента OurAdvantage;
- разработка страницы Catalog;
- разработка фильтров продуктов;
- написание тестов.
- 👩💻 Елена Акишева – product owner, разработчик:
- разработка компонентов Bestsellers и Outlet;
- разработка страницы Product;
- создание логики для карты продукта и взаимодействие с BackEnd;
- наполнение базы данных;
- разработка страниц Shopping Cart и Wish List;
- написание тестов.
- 👩💻 Инна Кононенко – разработчик:
- разработка компонентов Collection и Category;
- разработка страницы Product;
- создание логики для карты продукта и взаимодействие с BackEnd.
- 🧑💻 Кирилл Зубенко – разработчик:
- разработка компонента Subscribe;
- разработка Login и Registration Page;
- внедрение в проект Routing;
- разработка страницы Checkout;
- заполнение базы данных.
- 🧑💻 Андрей Остин – разработчик:
- разработка компонента News Section;
- разработка страницы Catalog;
- разработка компонента пагинации и сортировки;
- написание тестов.
- 👩💻 Ольга Кушнир – разработчик:
- разработка компонента Header Hero;
- разработка страницы Checkout;
- корректировка стилей и адаптива.
-
👩💻 Светлана Мисака – разработчик:
- разработка компонента Header и меню Бургер;
- разработка страницы Checkout;
- внедрение взаимодействия с базой данных;
- заполнение базы данных.
Сколько времени команда работала над проектом:
Срок выполнения – 60 дней (с учетом отключений света).