О проекте
Plantly — это проект по тематике e-commerce, интернет-магазин по продаже комнатных растений и ухода за ними. Наши студенты выполнили магазин «под ключ». Были использованы такие технологии:
FrontEnd:
• React JS: Redux, Redux Persist, Hooks;
• React styles & libraries: axios, material-ui; react-responsive-carousel, see more in package.json;
BackEnd: Node.js, Express;
Database: MongoDB;
Cloud storage: Cloudinary;
Deployment server: Heroku.
Стоит отметить, что группа вышла за рамки стандартного технического задания и реализовала панель администратора, с помощью которого можно управлять контентом интернет-магазина: добавлять новые категории, продукты, партнеров, управлять статусами заказов. По ссылкам выше можно просмотреть выполненную работу и её качество.
Задачи
- выполнить требования ТЗ заказчика: реализовать интернет-магазин, который будет содержать следующие элементы функционала:
- регистрация пользователей и авторизация пользователей в систему
- кабинет пользователя: просмотр и редактирование личной информации, адресов доставки продукции, пароля, просмотр истории заказов, списка избранных продуктов (список желаний)
- главная страница интернет-магазина (как landing page) с каруселью (слайдер), списком рекомендованных категорий и продуктов, партнеры, футер со ссылками и т.д.
- страница с каталогом продукции с возможностью: фильтровать товары по категориям, цветам, размерам, цене и прочим параметрам, сортировать товары по убыванию цены или другим желаемым параметрам, смотреть продукцию постранично (пагинация или инфинити скролл)
- страница деталей продукта
- корзина, оформление заказа (checkout). Покупку можно реализовать с интеграцией со внешними сервисами (оплата через интеркассу и т.д.)
- панель администратора для управления контентом интернет-магазина (по желанию и возможностям группы)
- придерживаться выбранных технологий
Команда
-
Andrew Yakovenko
Filtering, Preloader
-
Eugen Markov
Project navigation, Customer profile, Wishlist page, Dropdown cart, Footer, Checkout page, Order details, Item Detail page, Customers
-
Alina Yehanian
Database engineer, Header, Search, Orders, Contents
-
Glib Slivko
Data structures architecture, Filtering
-
Max Yevtushenko
Project navigation, Login & Registration Forms, Tiles, Checkout page, Image upload API
-
Alexander Suhak
Project architecture, Data structures architecture, Database engineer, Project navigation, Cart page, Item Card, Top Rated, Rating + rating backend, Comments, Products Comments
-
Yuriy Suhak
Main Carousel, Stocks Page
-
Alexander Kaminskiy
Project architecture, Footer, Item Detail page
Ментор
Сарибег Караханян
- web developer в международной компании Astound Commerce
- 15 групп под руководством Сарибега успешно защитили финальные проекты
- входит в топ-5 менторов учебного центра по эффективности работы / выбору студентов
- сфера профессиональных интересов включает React, Node.js, Full Stack, JavaScript
Этапы работы над проектом
- анализ технического задания
- выбор дизайна
- декомпозиция работ, создания бэклога в Trello
- настройка проекта, базовые организационные задачи
- распределение задач между участниками группы
- контроль за выполнением
