PortalPal is a React application that allows users to explore the fascinating universe of Rick & Morty.
With PortalPal, users can view, search, paginate, and filter characters from the popular animated series. The app utilizes the rickandmorty API as a source of data, providing an extensive collection of characters, episodes, and locations to discover.
The PortalPal application is built using the following technologies:
- React
- Bootstrap
- React Router Dom
- React Paginate
PortalPal offers the following features to enhance the user experience:
- Character Exploration:
- View: Browse through a diverse array of characters from the Rick & Morty universe.
- Search: Utilize the search functionality to quickly find specific characters by their name.
- Pagination: Navigate through the character list using pagination, allowing for smoother browsing of large data sets.
- Filtering: Refine the displayed characters based on specific criteria:
- Status: Filter characters by their status, choosing from options such as "alive," "dead," or "unknown."
- Species: Narrow down the character list by selecting a specific species, such as human, alien, or robot.
- Gender: Filter characters by gender, including options such as male, female, genderless, or unknown.
- Episode Exploration:
- View: Access information about different episodes of the series, including episode names and air dates.
- Filtering: Filter characters based on the episodes in which they appear, providing a convenient way to explore character connections within specific episodes.
- Location Exploration:
- View: Explore various locations featured in the Rick & Morty universe, such as planets, dimensions, and more.
- Filtering: Filter characters based on their associated locations, enabling users to discover characters from specific settings.
To run the PortalPal application locally, follow these steps:
- Clone the repository:
git clone [repository-url] - Navigate to the project directory:
cd PortalPal - Install the dependencies:
npm install - Start the development server:
npm run dev - Open a web browser and visit:
http://localhost:5173
Please note that the application requires an active internet connection to fetch data from the rickandmorty API.