Про проєкт
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 днів (з урахування відключень світла).
