Homework 7 - OOP

[TArch64]

Deadline

• Create pull request until 04 Dec, 12:00
• Mistakes and comments should be resolved until 06 Dec, 21:00
• Request should be merged until 06 Dec, 21:00
• In other cases pull request will be closed

First of all

1. Get the latest updates from Academy's repo by instruction;

2. To your homework folder add a folder named 7-oop

3. Add your files into this folder:

homeworks/elon.musk_spacex2021/7-oop

Task:

Create an image gallery that allows you to upload image files (jpg, jpeg or png) and view it

• You can find test images here
• Design here
• Should be used OOP architecture
• Should be used TypeScript

Main Task

• Should be responsive & done with respect to design. Desktop = 4 columns, tablet = 3 columns, mobile = 1 column
• Should display list of images. Images should be square on the list
• Header should always be visible on a screen
• Should have an ability to add an image. New images should be added at the start of list
• Should display loader when image is adding
• Should show image on click

Advanced Task

• Should include an sidebar that allows to to choose user
• Each user should have independent list of images

[TArch64]

Сайтец з ООП патернами, кому цікаво можна почитати https://refactoring.guru/

[TArch64]

Приклади:

• OOP принципи: https://codesandbox.io/s/oop-forked-59000?file=/src/oop.ts
• UI компонент панельки https://codesandbox.io/s/divine-sky-6d49m?file=/index.html