eduardodarocha / rick-and-morty-wiki

Home Page:rick-and-morty-wiki-three.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rick and Morty Character/Episodes/Locations Wiki

drawing

drawing

drawing


drawing

Description

This project was made to practice ReactJS and to learn how to use the Rick and Morty API. It is a simple wiki that allows you to search for characters, episodes and locations from the show. It also allows you to filter the characters by their status and species.

Demo

Demo na Vercel

Features

  • Search for characters, episodes and locations
  • Filter characters by status, species and gender
  • Pagination
  • Responsive design
  • Dynamic Routing

Topics Covered

  • React Hooks (useState, useEffect)
  • React Components
  • Fetch API
  • Bootstrap - for styling
  • Pagination
  • Search bar
  • Data Filtering
  • Dynamic Routing

Technologies

Project Followed Along

Installation

  1. Clone the repository with git clone https://github.com/eduardodarocha/rick-and-morty-wiki.git
  2. Install the dependencies with npm install
  3. Go to the project folder and run npm start
  4. Open http://localhost:3000 to view it in your browser.The page will reload when you make changes.
    You may also see any lint errors in the console.

Build

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

About

rick-and-morty-wiki-three.vercel.app


Languages

Language:JavaScript 87.9%Language:HTML 7.0%Language:SCSS 2.5%Language:CSS 2.5%