This project is a modern web application built using React and Vite, providing a fast and efficient development experience with Hot Module Replacement (HMR) and ESLint for code quality.
- Fast Refresh: Enjoy instant feedback during development with Vite's Fast Refresh feature.
- Responsive Design: The application is designed to be fully responsive, ensuring a great user experience on all devices.
- Character Management: Users can view, search, and filter characters from the popular "Rick and Morty" series.
- Favorites: Users can save their favorite characters for quick access.
- Error Handling: The application includes user-friendly error modals to handle any issues gracefully.
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/keihanaf/rickandmorty.git cd rickandmorty -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open your browser: Navigate to
http://localhost:5173to see the application in action.
This template utilizes the following official Vite plugins:
- @vitejs/plugin-react: This plugin uses Babel for Fast Refresh.
- @vitejs/plugin-react-swc: This plugin uses SWC for Fast Refresh, providing a faster alternative to Babel.
- Search and Filter: Use the search bar to find characters by name and filter them by gender.
- Favorites: Click the heart icon to add or remove characters from your favorites list.
- Character Details: Click on a character to view detailed information, including status, species, gender, and location.
Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
- Thanks to the Rick and Morty API for providing the character data.
- Special thanks to the Vite team for creating such an amazing tool for modern web development.