项目作者: Milda-Grabyte

项目描述 :
modulo-3-evaluacion-final-Milda-Grabyte
高级语言: JavaScript
项目地址: git://github.com/Milda-Grabyte/Rick-and-Morty-database-Milda-Grabyte.git


Rick and Morty Character Database

Image of Rick and Morty

This is the final test for React module (Adalab, 2020).
This is a character search engine for Rick and Morty series, developed with :electron:, 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\
    1. · foto\
    2. · name\
    3. · species\
    4. · 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:\
    1. · gender\
    2. · origin\
    3. · 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! :blush::computer::octocat::beers:

— By Milda Grabyte