Welcome to the interactive Rick and Morty Universe Explorer! This Vite-powered web application is your portal to the endless adventures and mysteries of the iconic show "Rick and Morty." Dive into a rich universe where you can explore detailed profiles of your favorite characters, discover the vast array of locations, and revisit all the episodes with just a few clicks.
- Figma Design: Rickandmorty design
- GitHub Repository: Kotkoa/rickandmorty
- Live Deployment: rickandmorty-2024.vercel.app
Our application leverages the comprehensive Rick and Morty API to bring you canonical information directly from the show. Here's what you can expect:
Character Exploration: Discover over 800 characters from the show. Learn about their species, origin, status, and episodes they've appeared in. Our detailed profiles provide a deeper understanding of each character's role in the Rick and Morty universe.
Location Guide: Explore 126 unique locations across the multiverse. Each location comes with its own set of characters and associated episodes, offering insights into the world-building of the show.
Episode Archive: Browse through all 51 episodes of Rick and Morty. Get detailed summaries, air dates, and the list of main characters for each episode. It's a perfect way to catch up on or revisit your favorite moments.
Seamless Navigation: Utilize our intuitive interface to seamlessly navigate through characters, locations, and episodes. Our application is designed to provide an immersive experience, making it easier than ever to explore the Rick and Morty universe.
Explore more about these technologies through the following links: Vite, React, Typescript, Eslint, Prettier, Apollo GraphQL, Jotai.
This application is built using a modern tech stack to ensure a fast, reliable, and engaging user experience:
Vite & React: For a cutting-edge front-end experience with component-based architecture and fast refresh rates. TypeScript: Ensuring application robustness with strong typing. Apollo GraphQL: Efficiently managing data communication with the Rick and Morty API for real-time data fetching and state management. Jotai: A minimalist state management library that keeps our application's global state in check with simplicity and flexibility. React Testing Library: Guaranteeing our components work as expected through tests that mimic real user interactions. Eslint & Prettier: Maintaining high code quality and consistent formatting across the project.
Clone the repo, follow the installation instructions, and embark on your journey through the multiverse!
Clone the repo and run yarn install
to install all dependencies.
After successfully installing the packages, launch the development server with yarn dev
.