This repository contains a collection of mini React projects developed as part of the Redi School Intermediate JavaScript course 2024.
The Movies project is a collection of reusable React components for displaying and managing movies fetched from the Star Wars API (SWAPI). It consists of the following components:
- MoviesTable: A component to display movies in a table format.
- SearchBar: A component to filter movies by title, director, or episode ID.
- Movies: A container component that integrates the MoviesTable and SearchBar components to provide a complete movies management interface.
- Fetches movies from the SWAPI.
- Allows filtering movies by title, director, or episode ID.
- Provides a loading spinner while fetching data.
- Displays a message when no movies match the filter criteria.
- Allows deleting movies from the list.
This application serves as a practice ground for utilizing useEffect hook and making API calls using fetch with async/await syntax in React.
The primary component managing the state of captured Pokemon cards and rendering other components.
Responsible for displaying individual Pokemon cards. It fetches details of the Pokemon based on the provided ID and renders the card with the Pokemon's image and name.
A button component that triggers the hunting action to look for Pokemon. Clicking this button generates a random Pokemon ID for hunting.
Displays messages to the user, such as errors or notifications.
Will be used for displaying additional details or actions related to captured Pokemon cards. Currently not implemented.
- Capturing Pokemon: Users can click the "Look for any Pokemons around" button to hunt for Pokemon.
- Displaying Pokemon Cards: Captured Pokemon cards are displayed with their images and names.
- Error Handling: Error messages are displayed if there are issues fetching Pokemon data.
- Loading Indicator: A loading indicator is displayed while fetching Pokemon data.
This project is licensed under the MIT License.