Rick and Morty is an interactive web application that lets you explore characters from the famous series "Rick and Morty." The application leverages the official API to fetch character data and boasts a modern, responsive design built with HTML, CSS, JavaScript, and Bootstrap 5.
- Responsive Design: Adaptive layout for any device, from desktop to mobile.
- Language & Technology Icons: Proudly display the technologies used with official badges.
- Character Filtering: Filter characters by status—All, Alive, Dead, or Unknown.
- Pagination: Easily navigate through pages of characters.
- Dynamic Modal: Click on a character card to view detailed information including:
- Status
- Species
- Type (with proper handling for empty values)
- Gender
- Origin
- Last Known Location
- Number of Episodes
- Creation Date
- HTML5
- CSS3
- JavaScript
- Bootstrap 5
This project runs directly in any modern browser with no additional dependencies required. For development or modifications, it is recommended to use a current code editor.
-
Clone the repository git clone https://github.com/bocaletto-luca/Rick-and-Morty.git cd rick-and-morty-explorer
-
Launch the Application
- Open
index.htmlin your preferred browser. - Alternatively, use a live-reload extension like Live Server for Visual Studio Code to see changes in real time.
- Character Filtering: The application fetches character data from the Rick and Morty API and filters the content based on the selected character status.
- Pagination: Navigate between pages through a user-friendly pagination system.
- Dynamic Modal: Clicking on a character card opens a modal displaying comprehensive details about the character.
Contributions are welcome! If you’d like to improve the project or add new features, follow these steps:
- Fork the repository.
- Create a new branch for your feature or fix: