О проекте
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
Студенты, которые работали над проектом:
Олексенко Алексей
Задания связанные с версткой сайта:
- Главная страница (Адаптивность и все компоненты).
- Страница списка элементов (Все компоненты кроме: Аккордеон, Пагинация).
- Страница карточки элемента (Все компоненты).
- Страница загрузки (Адаптивность и все компоненты).
- Страница входа (Адаптивность и все компоненты).
- Страница регистрации (Адаптивность и все компоненты).
- Навигационная панель (Адаптивность и все компоненты кроме: Корзина, Поиск).
- Нижний колонтитул (Адаптивность и все компоненты).
- Контакты (Все компоненты).
Задачи связанные с логикой и функционированием сайта:
- Логика регистрации.
- Логика авторизации.
- Логика получения всех товаров.
- Логика получения одного товара.
- Логика пагинации.
- Логика фильтрации.
- Логика авторизированной корзины.
- Логика заказа.
- Логика комментирования.
Организационные задачи:
- Настройка стандартизации.
- Объединение Git.
- Управление задачами в Trello.
Леус Ольга
Задачи связанные с версткой сайта:
- Страница оформления заказа (Адаптивность за исключением: Доставка и Оплата).
- Главная карточка (Адаптивность).
- Корзина для покупок (Адаптивность).
Задачи связанные с логикой и функционированием сайта:
- Логика добавления продуктов в корзину.
- Логика добавления продуктов в избранное.
Организационные задачи:
- Заполнение базы данных продуктами.
- Работа с изображениями.
Музычук Дмитрий
Задачи связанные с версткой сайта:
- Страница со списком товаров (адаптивность и компоненты: Аккордеон, Пагинация).
- Страница списка желаний (адаптивность и все компоненты).
- Навигационная панель (компоненты: Поиск).
- Корзина для покупок (компоненты: Элемент Корзины).
- Контакты (адаптивность).
Задачи связанные с логикой и функционированием сайта:
- Логика поиска продуктов на сайте.
- Логика фильтрации (хранение в памяти).
- Стандартизация и окончательный рефакторинг.
Организационные задачи:
- Структура проекта.
- Поиск темы и макета.
Аракс Мискарова
Задачи связанные с версткой сайта:
- Корзина для покупок (кроме компонента «Элемент Корзины»).
- Страница успешного заказа (адаптивность и все компоненты).
- Страница оформления заказа (компоненты: «Доставка и Оплата»).
Задачи связанные с логикой и функционированием сайта:
- Логика счетчика корзины для покупок (увеличение — уменьшение).
- Логика удаления товара из корзины для покупок.
- Логика подсчета общей суммы корзины для покупок.
Организационные задачи:
- Работа с пожеланиями клиента.
- Анализ требований.
Сколько времени команда работала над проектом:
Срок выполнения — 70 дней.
