Plantly
final project групи FrontEnd

computer icon
Курс

FrontEnd / группа FEM3

user icon
Кількість студентів

8

puzzle icon
Етап навчання

фінальний проект

clock icon
Тривалість

2 місяці

Про проект

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) з каруселлю (слайдер), списком рекомендованих категорій і продуктів, партнерів, футер з посиланнями і т.д.

сторінка з каталогом продукції з можливістю: фільтрувати товари за категоріями, квітам, розмірам, ціні і іншим параметрам, сортувати товари по зменшенню ціни або іншим бажаним параметрам, дивитися продукцію посторінково (пагінація або інфініті скролл)

сторінка деталей продукту

учасники

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

налаштування проекту, базові організаційні завдання

розподіл завдань між учасниками групи

контроль за виконанням

Контакти