Rick-Morty-Api-Exercise

Challenger week 3 Empathy Academy Front-End Path

This challenger consist in consuming a Rick & Morty Api.

This Web Page is made with:

• HTML.
• SCSS.
• JAVASCRIPT.

Requirements from this challenge:

• Create a basic layout using semantic elements. (article, aside, header...etc).✅
• The layout has to be responsive (mobile+desktop version, use grid+flex for the results).✅
• Use a CSS preprocessor like (Sass/SCSS).✅
• Use fetch to request an API.✅
• Implement debounce to avoid multiple request every time that you type in the input.✅

Bonus Requirements:

• Add pagination or infinite scroll to request more results.✅
• Implement a filter's system, for example: after search for something, you can select a filter to show only characters that are alive.✅
• Add animations.✅
• Add a column selector (6,4 or 2 columns)✅
• Lazy loading for images (the images should be loaded only when they appears in the view).👨🏻‍🦯
• Show more info on hover elements (show description, number of episode where the character appears...etc)✅

Symbols Leyend:

- ✅ complete
- 👨🏻‍💻 In process
- 👨🏻‍🦯 I want to implement but i don´t start or I don´t know how to start ahahaha
- ❌ I don´t do it

DEMO IS HERE: