https://github.com/danilfomchik/rick-and-morty-react-app
A React application that displays information about characters from the Rick and Morty universe using the Rick and Morty API.
https://github.com/danilfomchik/rick-and-morty-react-app
apollographql react react-router rickandmortyapi
Last synced: about 2 months ago
JSON representation
A React application that displays information about characters from the Rick and Morty universe using the Rick and Morty API.
- Host: GitHub
- URL: https://github.com/danilfomchik/rick-and-morty-react-app
- Owner: danilfomchik
- Created: 2023-02-01T19:13:01.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-03-27T08:53:52.000Z (over 1 year ago)
- Last Synced: 2025-04-09T19:59:28.743Z (about 1 year ago)
- Topics: apollographql, react, react-router, rickandmortyapi
- Language: JavaScript
- Homepage: https://rick-and-morty-react-app-ruby.vercel.app
- Size: 58.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A React application that displays information about characters from the **Rick and Morty** universe using the [Rick and Morty API](https://rickandmortyapi.com/).
Live demo: [Demo](https://rick-and-morty-react-app-ruby.vercel.app/).
## 🚀 Features
- 📌 **Browse Marvel Characters** – Fetch and display characters from the **Rick and Morty** API
- 🔍 **Search Functionality** – Search for characters by name
- 👽 **Filter Functionality** – Filter characters by status, species, and gender
- ⚡ **Responsive UI** – Optimized for desktop and mobile devices.
## 🛠️ Technologies Used
- **React** – UI library
- **React Router** – For navigation
- **GraphQL (Apollo Client)** - For optimized data fetching
- **Rick and Morty API** – To fetch Rick and Morty data
- **CSS Modules / SCSS** – Styling
## 📦 Installation
1. Clone the repository:
```sh
git clone https://github.com/danilfomchik/Rick-and-Morty-react-app.git
```
2. Navigate to the project directory:
```sh
cd Rick-and-Morty-react-app
```
3. Install dependencies:
```sh
npm install
```
4. Run the application:
```sh
npm start
```
## 📸 Project Demo
## 📜 License
This project is licensed under the **MIT License**.