Проєкт MobiStore

MobiStore — інтернет-магазин мобільних телефонів. У фінальному проєкті студенти мали продемонструвати усі практичні навички, які вони отримали за 7 місяців навчання на курсі. Головні завдання: визначити та описати функціональність, особливості та вимоги до сайту, визначитись зі стандартизацією сайту, обрати дизайн та зробити макет, налаштувати базу даних, створити репозиторій проєкту та реалізувати стандартизацію сайту. Над проєктом працювали 4 студенти групи FE_6/7_online(1).

Завдання:

• Описати функціональність, особливості та вимоги до сайту.
• Визначити пріоритети та очікувані результати проєкту.
• Формування команди та вибір Scrum-майстра.
• Визначитись зі стандартизацією сайту.
• Обрати дизайн та зробити макет.
• Налаштувати базу даних.
• Створити репозиторій проєкту.
• Реалізувати стандартизацію сайту.
• Розподіл завдань та початок їх виконання.

Етапи роботи:

• Визначити функціональність та напрям сайту.
• Створити дизайн та макет сайту.
• Зробити стандартизацію та інші підготовчі моменти перед розробкою.
• Розробити структуру проєкту, за якою працюватиме команда.
• Організувати верстку основних сторінок та компонентів.
• Зробити основний функціонал сайту.
• Створити деплой сайту.
• Доповнювати та розширювати функціонал та наповнення сайту за необхідністю.

Технології, які були використані:

Основні інструменти:

• React
• Redux/Toolkit
• React Router

Додаткові інструменти:

• Prop-types
• Axios
• Formik
• Yap
• React-hook-form
• Slick-slider
• UUID
• Leaflet
• Emotion/styled;
• Eslint (airbnb)
• Prettier
• Husky

Бібліотеки:

• MaterialUI

Тестування:

• Jest

Студенти, які працювали над проєктом:

Олексенко Олексій 

Завдання пов’язані з версткою сайту: 

1. Головна сторінка (Адаптивність та всі компоненти).
2. Сторінка списку елементів (Всі компоненти крім: Акордеон, Пагінація).
3. Сторінка карточки елемента (Всі компоненти).
4. Сторінка завантаження (Адаптивність та всі компоненти).
5. Сторінка входу (Адаптивність та всі компоненти).
6. Сторінка реєстрації (Адаптивність та всі компоненти).
7. Навігаційна панель (Адаптивність та всі компоненти крім: Кошик, Пошук).
8. Нижній колонтитул (Адаптивність та всі компоненти).
9. Контакти (Всі компоненти).

Завдання пов’язані з логікою та функціонуванням сайту: 

1. Логіка реєстрації.
2. Логіка авторизації.
3. Логіка отримання всіх товарів.
4. Логіка отримання одного товару.
5. Логіка пагінації.
6. Логіка фільтрації.
7. Логіка авторизованого кошика.
8. Логіка замовлення.
9. Логіка коментування.

Організаційні завдання:

1. Налаштування стандартизації.
2. Об’єднання Git.
3. Управління завданнями в Trello.

Леус Ольга 

Завдання пов’язані з версткою сайту: 

1. Сторінка оформлення замовлення (Адаптивність, за винятком: Доставка та Оплата).
2. Головна картка (Адаптивність).
3. Кошик для покупок (Адаптивність).

Завдання пов’язані з логікою та функціонуванням сайту:

1. Логіка додавання продуктів в кошик.
2. Логіка додавання продуктів в обране.

Організаційні завдання: 

1. Заповнення бази даних продуктами.
2. Робота з зображеннями.

Музичук Дмитро 

Завдання пов’язані з версткою сайту: 

1. Сторінка зі списком товарів (адаптивність та компоненти: Акордеон, Пагінація).
2. Сторінка списку бажань (адаптивність та всі компоненти).
3. Навігаційна панель (компоненти: Пошук).
4. Кошик для покупок (компоненти: Елемент Кошика).
5. Контакти (адаптивність).

Завдання пов’язані з логікою та функціонуванням сайту:

1. Логіка пошуку продуктів на сайті.
2. Логіка фільтрації (зберігання в пам’яті).
3. Стандартизація та остаточний рефакторинг.

 Організаційні завдання: 

1. Структура проєкту.
2. Пошук теми та макету.

Аракс Мискарова 

Завдання пов’язані з версткою сайту: 

1. Кошик для покупок (крім компонента “Елемент Кошика”).
2. Сторінка успішного замовлення (адаптивність та всі компоненти).
3. Сторінка оформлення замовлення (компоненти: “Доставка та Оплата”).

Завдання пов’язані з логікою та функціонуванням сайту: 

1. Логіка лічильника кошика для покупок (збільшення – зменшення).
2. Логіка видалення товару з кошика для покупок.
3. Логіка підрахунку загальної суми кошика для покупок.

Організаційні завдання: 

1. Робота з побажаннями клієнта.
2. Аналіз вимог.

Скільки часу команда працювала над проєктом:

Термін виконання – 70 днів.