Your task is to create a simple web page that fetches data from the Rick and Morty API (Rick and Morty API) and displays information about characters. You need to display at least the following details for each character:
- Name
- Image
- Species
- Status
You can use HTML, CSS, and JavaScript to accomplish this task. Feel free to utilize any libraries or frameworks if you think they will help.
- The web page should have a visually appealing layout.
- There should be a way for users to browse through multiple characters, such as pagination or a "Load More" button.
- Users should be able to filter characters based on their status (alive, dead, or unknown).
- Clicking on a character's image or name should open a modal or separate page with more detailed information about that character, such as their origin, episodes they appeared in, etc.
- Make sure your code is clean, well-structured, and commented where necessary.
- Ensure your solution is responsive and works well on different screen sizes.
- Implement additional features like sorting characters based on name, species, or status.
- Add animations or transitions to enhance the user experience.
- Make use of modern JavaScript features like async/await for fetching data.
Please provide a link to a GitHub repository containing your code. Include a README file with instructions on how to run your project locally.
Note: You are encouraged to explore the API documentation to understand how to fetch and use the data effectively. Good luck!