A web application for searching about Rick and Morty movie characters, developed using the React.js library.
- Node.js and npm should be installed on your machine.
- Clone the repository:
git clone https://github.com/mahdi-q/Movie-Character-App-Project.git
- Navigate to the project directory:
cd Movie-Character-App-Project - Install the dependencies:
npm install
- Run the app:
npm run dev
- Click on the link provided in the terminal to open the app in your browser.
- Search Characters
- Add Characters to Favourite List
- Delete Characters from Favourite List
- Sort Character Episodes based on Date
This project explores several important concepts from the React library and JS:
- Fetching API with Axios: Retrieve data from an external API using the Axios library.
- Event Handler Function: Handle user interactions and events in React.
- useEffect Hook: Manage side effects in functional components using the useEffect hook.
- Clean Up Data Fetching: Properly cancel API requests and clean up resources.
- Local Storage: Store and retrieve data in the browser's local storage.
- Custom Hook: Reusable function that encapsulates logic using hooks.
Packages used in this project:
- heroicons: A set of free, MIT-licensed high-quality SVG icons.
- axios: A promise-based HTTP client for making API requests.
- react-dom: Manages the DOM rendering for React applications.
- react-hot-toast: Provides easy and customizable toast notifications in React.
Special thanks to the Rick and Morty API for providing the data used in this project. This free and open API made it possible to integrate and explore the fascinating universe of Rick and Morty.
For any questions or feedback, please contact me at [email protected].
Thank you for using the Movie Character App!