Skip to content

Latest commit

 

History

History
49 lines (46 loc) · 2.36 KB

README.md

File metadata and controls

49 lines (46 loc) · 2.36 KB
Raw
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 --- ---