This is the final test for React module (Adalab, 2020). This is a character search engine for Rick and Morty series, developed with , JS, HTML, SASS and very thin patience (last module... you get me).
The following functionalities have been implemented:
- Fetching data from API
- Rendering a character list (cards) with each character's
· foto
· name
· species
· dead/alive status - Possibility to sort the characters alphabetically and/or by their life status.
- Filtering characters by search input and showing alerts in case of no match
- Search can be done both in capital and lower case characters
- Clickable cards link to a detailed single character description page. Use of React Router. New added info:
· gender
· origin
· total episode count - The detail page links back to the homepage and the input value is preserved in LocalStorage
- Form default submit action prevented
- Responsive, mobile-first design
- Use of grid and flex
- Use of images and emoticons in character info
- Shareable links and an alert when trying to access a non.existing detailed info page
- Favicon
- A few animations and external links for better user experience
I hope you enjoy the searching experience, brought to you by a junior Front-ender! 😊💻🍻