https://github.com/leojuriolli7/rick-and-morty-database

Database for the show Rick and Morty, with a list of episodes, characters and locations in the show. Uses Next.js and ISR.
https://github.com/leojuriolli7/rick-and-morty-database

javascript morty next nextjs reactjs rick rick-and-morty rick-and-morty-api rickandmorty typescript

Last synced: 6 days ago
JSON representation

Database for the show Rick and Morty, with a list of episodes, characters and locations in the show. Uses Next.js and ISR.

• Host: GitHub
• URL: https://github.com/leojuriolli7/rick-and-morty-database
• Owner: leojuriolli7
• Created: 2022-03-07T04:03:41.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-20T00:26:54.000Z (almost 2 years ago)
• Last Synced: 2024-12-20T14:23:37.930Z (29 days ago)
• Topics: javascript, morty, next, nextjs, reactjs, rick, rick-and-morty, rick-and-morty-api, rickandmorty, typescript
• Language: TypeScript
• Homepage: https://rick-and-morty-base.vercel.app/
• Size: 753 KB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#   Rick and Morty Database

This app is a database where one may access a list of all characters, all episodes and all locations from the show. It uses the [Incremental Static Regeneration](https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration) of Next.js to generate static pages.

- When a character is clicked, a modal opens with their status, species, gender, origin, current location and the first and last episode they appeared in.

- When an episode is clicked, a modal opens with all characters present in the episode.

- When a location is clicked, a modal opens with all residents from that location.

This app was created with NextJS and consumes the Rick and Morty API through Axios. It has pagination through Material UI and a Search Input to find specific characters.

The app is deployed on Vercel:

https://rick-and-morty-base.vercel.app/

## Installation

Clone the project:

```bash

git clone [email protected]:leojuriolli7/rick-and-morty-database.git

```

Go to the project directory:

```bash

cd rick-and-morty-database

```

Install the project dependencies:

```bash

npm install

```

## Usage

Start the application:

```bash

npm start

```