This application allows users to explore characters from the show and view detailed information about each character.
Deployed Link : https://ricksmorty.vercel.app/
Welcome to the Rick and Morty app! This application allows users to explore characters from the show and view detailed information about each character.
Follow the steps below to run the application locally:
Make sure you have Node.js installed on your machine.
- Clone this repository to your local machine.
git clone https://github.com/ItsRoy69/Rick-and-Morty
- Navigate to the project directory.
cd Rick-and-Morty
- Navigate to frontend directory of the a web app.
cd client
- Install dependencies.
npm install
- Navigate to backend directory of the a web app.
cd server
- Install dependencies.
npm install
- Start the backend server.
npm start
This will launch the Node.js backend server that fetches data from the Rick and Morty API.
- Start the frontend application.
npm run dev
Visit https://ricksmorty.vercel.app in your browser to explore the Rick and Morty app.
Visit https://rick-and-morty-al6l.onrender.com/api/characters in your browser to explore the server side of the Rick and Morty app.
- A component displays a list of characters fetched from the Rick and Morty API.
- Each character card shows the name, image, and species.
- Clicking on a character in the list navigates to a detail page.
- The detail page fetches additional information about the character from the API.
- Displays the character's name, image, species, status, origin, and location.
- Users can easily navigate between the character list and detail pages.