Skip to content

Finished|http://imgfz.com/i/p0ATHg6.png|http://imgfz.com/i/fpBQLra.png|http://imgfz.com/i/weQIEur.png|The challenge was to carry out a search of information about the Rick & Morty entertainment program. The search had to be done by name, location or episode, while data should be displayed in a paginated list on the screen. To do this, the inform…

Notifications You must be signed in to change notification settings

Seba-Toso/Rick-Morty-Web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



Hi stranger, I’m Sebastian!

Welcome to this crazy little project! 👉 Rick and Morty Searcher 👈

Here you can search and find some information about the show. A sidebar will be displayed if you click or tap the button in the upper-left corner, you can activate one of the three filters provided, which will allow you to search by character name, location, or episode. All the relevant information can be obtained by entering the name in the input field depending on the active filter.

You can even play with it

This project was deployed in gh-pages 🙌. Here

Or follow these steps to clone the repository

Whoa, hold on!👮‍♂️ Before you make a move, you need to have git and yarn package manager installed on your PC.(You may find the links at the bottom)

  1. CLONE

    Enter $ git clone https://github.com/Seba-Toso/rickandmorty-app.git in your command shell and then press ENTER.

  2. GO TO THE PROJECT FOLDER
    cd rickandmorty-app

  3. INSTALL PACKAGES AND LIBRARIES
    yarn install

  4. START IT UP
    yarn start

That's it, have fun!

WOW, I made it!🤯 But, how does this thing WORK

The web app has a home screen and an "about" page.

Home Screen
In the upper-left corner there is a button that prompts a sidebar. You may apply a filter from this sidebar for your searches and then go to the "about" page.
An input field allows you to enter the name of the character(s), episode(s) or dimension(s) that you wish to find. Next to this field, there is a "start search" button and a "clear all" button that will revert everything back to square one.
After a search is made, the results are shown in a box below the input field and they are displayed in cards. Those cards are clickables and will show you more detailed information!.
And that's it.



Live long and prosper 🖖


Git page
git web
Yarn package manager
npm install -g yarn --- ---

About

Finished|http://imgfz.com/i/p0ATHg6.png|http://imgfz.com/i/fpBQLra.png|http://imgfz.com/i/weQIEur.png|The challenge was to carry out a search of information about the Rick & Morty entertainment program. The search had to be done by name, location or episode, while data should be displayed in a paginated list on the screen. To do this, the inform…

Resources

Stars

Watchers

Forks