О проекте

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.

 

Студенты, которые работали над проектом:

  1. 🧑‍💻 Мирошниченко Андрей – scrum-master, project manager, разработчик:
  • распределение задач и занесение в Trello;
  • организация meeting;
  • разработка компонентов Button, Footer;
  • разработка Breadcrumbs и внедрение в проекте Routing;
  • разработка Login и Registration Page;
  • корректировка стилей по всему проекту;
  • наполнение сайта страницами Contact, AboutUs, OurProduction, 404, Constract.
  1. 🧑‍💻 Артем Панасюк — технический специалист, разработчик:

  • создание структуры проекта и репозитория;
  • создание основных стилей;
  • разработка компонента OurAdvantage;
  • разработка страницы Catalog;
  • разработка фильтров продуктов;
  • написание тестов.
  1. 👩‍💻 Елена Акишева – product owner, разработчик:
  • разработка компонентов Bestsellers и Outlet;
  • разработка страницы Product;
  • создание логики для карты продукта и взаимодействие с BackEnd;
  • наполнение базы данных;
  • разработка страниц Shopping Cart и Wish List;
  • написание тестов.
  1. 👩‍💻 Инна Кононенко – разработчик:
  • разработка компонентов Collection и Category;
  • разработка страницы Product;
  • создание логики для карты продукта и взаимодействие с BackEnd.
  1. 🧑‍💻 Кирилл Зубенко – разработчик:
  • разработка компонента Subscribe;
  • разработка Login и Registration Page;
  • внедрение в проект Routing;
  • разработка страницы Checkout;
  • заполнение базы данных.
  1. 🧑‍💻 Андрей Остин – разработчик:
  • разработка компонента News Section;
  • разработка страницы Catalog;
  • разработка компонента пагинации и сортировки;
  • написание тестов.
  1. 👩‍💻 Ольга Кушнир – разработчик:
  • разработка компонента Header Hero;
  • разработка страницы Checkout;
  • корректировка стилей и адаптива.
  1. 👩‍💻 Светлана Мисака – разработчик:

  • разработка компонента Header и меню Бургер;
  • разработка страницы Checkout;
  • внедрение взаимодействия с базой данных;
  • заполнение базы данных.

 

Сколько времени команда работала над проектом:

Срок выполнения – 60 дней (с учетом отключений света).

Сомневаетесь подойдет ли Вам сфера IT?

Записывайтесь на онлайн-встречу и получите личный план развития в сфере ІТ

Вас ждет:
  • консультация карьерного менеджера, по выбору направления развития в сфере ІТ
  • знакомство с преподавателями курса
  • встреча с HR специалистом
  • посещение пробных занятий
  • подбор программы согласно вашего запроса и ожиданий
  • план развития в сфере ІТ
manager

Записаться на встречу

    Регистрируясь, вы соглашаетесь с политикой конфиденциальности