A Next.js web app that displays details of characters from the Rick and Morty show

by React

Rick and Morty Info

This project is a Next.js web app that displays details of characters from the Rick and Morty show. It fetches data from the Rick and Morty API and displays it in a user-friendly way.

View Demo View Github

Screenshots

Home Page

Characters Page

404 Page

Getting started

To run this project locally, you will need to have Node.js and npm (or Yarn) installed on your machine.

  1. Clone the repository:
git clone https://github.com/DEATHTINYZ/rick-and-morty-characters.git
  1. Navigate to the project directory:
cd rick-and-morty-characters
  1. Install the dependencies:
npm install
# or
yarn install
  1. Run the development server:
npm run dev
# or
yarn dev

The app will be available at http://localhost:3000.

Features

  • List characters from the Rick and Morty show
  • Search for a specific character by name
  • View details of a character, including name, image, status, gender, location, origin, species, and episode

Tech stack

  • Next.js: A framework for building server-rendered React apps
  • TypeScript: A typed superset of JavaScript
  • React: A JavaScript library for building user interfaces
  • Tailwind CSS: A utility-first CSS framework
  • Rick and Morty API: A free JSON REST API for data from the Rick and Morty show

Author

Chayutpong Jamneanpongphan (DEATHTINYZ)