Menu Close

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

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

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.


Badge showing the total of project forks


Badge showing the total of project stars


Badge showing average commit frequency per month


Badge showing when the last commit was made

Table of Contents

Screenshots

Home Page

Example screenshot

Characters Page

Example screenshot

404 Page

Example screenshot

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)

View Source Code
Posted in Next.js