OrmaCarbon Frontend Test: Rick and Morty Data Project

[TLucas97]

Rick and Morty Data

In this app you can:

• Switch between light and dark mode
• Create an account and log with it (saves on localStorage whenever a new one is created, you must create an account in order to access the content, everytime you create a new account the old one is updated)
• Scroll thtough a list of characters, episodes and locations from Rick and Morty (data provided by rickandmortyapi)
• You can use the pagination to render more characters, episodes or locations
• You can filter the data searching by name on all of the lists
• Not only you can navigate between the lists from the menu but you also can navigate from one item detail to another from each specific reference (episode, character, location)
• You can visit the "Rick tells jokes / rickjokes" route to get many types of jokes from the Rickest Rick himself (data provided by jokeapi)

Techs used:

• Javascript, HTML, CSS
• React.js, Next.js
• Styled Components
• Axios
• React Simple Snackbar
• Cypress

Check out the live version of this project by clicking here

Installing dependencies

In order to install the project's dependencies use the following commannd:

  yarn

Running the tests

In order to run cypress you have to use the following commannd:

  yarn cypress open

You can check the preview video of the tests below:

cypressview.mp4