Plan

sidenote - presenter must also show adaptive design, animations, hovers in all pages and elements

Project Overview

Presenters - ? Sasha / Yana

Presenters - Sasha & Yana & Petro & Roma

(Sasha) Explain usage of atomic design
- We started off with building a functional Component kit to use across the app. These are Atoms of our project. They are purely presentational components. After that we went up - started working on molecules and organisms and placing them on page templates.
- Show buttons on screens as example of atoms, product card as example of molecule, whole slider as example of organism
(Yana) Showcase banner slider
- Explain that it gets data from json files and it is not hardcoded, any number of slides could be added (show image of json file with data)
(Petro & Yana & Sasha) Showcase product card slider
- (Petro) Explain usage of library for slider
- (Yana) Showcase product card functionality & toasts
- (Sasha) Explain usage of custom hooks on example of getting subset of products 'Brand new models' from API
(Roma) Showcase 'Shop by category' section
- Explain how it works (places image and sets background color) and mention that it fetches static data and is not hardcoded
(Sasha) Hot prices slider - mention re-usage of component with different data & hook (show image of page?)
Scroll down to Footer & click Back to top

Presenters - Petro & Roma & Danylo

(Petro) Showcase dark/light/auto switch and explain functionality
(Roma) Showcase header buttons
- Catalogue modal
- Notification icons when adding to cart / favs
- Burger menu and how it behaves when changing page width
(Danylo) Showcase Search Bar and redirect to catalogue