This is a mini game with simple functions using vanilla JavaScript
In shopping mall websites, we have a function that sorts items by categories, such as Beuty, Baby, Kitchen...etc. This function makes us more convenient to find what we are looking for. This mini game has the same function, filtering items by its type and color. Please enjoy!
- Home button to show all clothes
- Categories to filter clothes by its type and color
- Data fetching from json file
- Display scroll for items that overflows the screen
- Flex for layout
- Simple transition animation on button
This button will bring you to Home Screen which shows all clothes in the content box.
This navigation has six categories, by type(shirts, pants, skirt) and by color(blue, yellow, pink). They will filter clothes accordingly. For example, when you click BLUE button...
...it will show you blue clothes
https://designwithcode.tistory.com/13
https://www.youtube.com/watch?v=We2Kv1HMGvc&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=21