Anime-Cards-Anime-GOGO-TV

An interactive web application built using React.js to showcase a frontend developer portfolio and anime information. It includes features such as a dynamically switchable light and dark mode, search functionality, and a detailed display of anime cards.

Features

Light and Dark Mode Toggle
Responsive Design
Anime Search and Display
Detailed Anime Information
Contact Links (LinkedIn, WhatsApp)

Technologies Used

React.js
HTML5
CSS3
JavaScript
Axios (for fetching anime data from the API)
React Router (for navigation)
Vercel (for deployment)
Git & GitHub (for version control and collaboration)
Slick Carousel (for image sliders)
Material-UI (for styling and components)

API

This project uses the Jikan API for fetching anime data.

API Link

Jikan API

Endpoints Used

Anime Endpoints

Anime Details: https://api.jikan.moe/v4/anime/${id}
Anime News: https://api.jikan.moe/v4/anime/${id}/news
Anime Episodes: https://api.jikan.moe/v4/anime/${id}/episodes
Anime Reviews: https://api.jikan.moe/v4/anime/${id}/reviews
Character Voices: https://api.jikan.moe/v4/characters/${id}/voices
Anime Pictures: https://api.jikan.moe/v4/anime/${id}/pictures
Anime Characters: https://api.jikan.moe/v4/anime/${id}/characters
External Links: https://api.jikan.moe/v4/anime/${id}/external
Anime Staff: https://api.jikan.moe/v4/anime/${id}/staff
More Info: https://api.jikan.moe/v4/anime/${id}/moreinfo
Streaming Links: https://api.jikan.moe/v4/anime/${id}/streaming
Anime Themes: https://api.jikan.moe/v4/anime/${id}/themes

Manga Endpoints

Manga Details: https://api.jikan.moe/v4/manga/${id}
Manga Reviews: https://api.jikan.moe/v4/manga/${id}/reviews
Manga News: https://api.jikan.moe/v4/manga/${id}/news
More Info: https://api.jikan.moe/v4/manga/${id}/moreinfo
Manga Pictures: https://api.jikan.moe/v4/manga/${id}/pictures
External Links: https://api.jikan.moe/v4/manga/${id}/external
Manga Characters: https://api.jikan.moe/v4/manga/${id}/characters

Installation

Clone the repository.

git clone https://github.com/yourusername/Anime-Cards-Anime-GOGO-TV.git

Navigate to the project directory.
```
cd Anime-Cards-Anime-GOGO-TV
```
Install dependencies.
```
npm install
```
Start the development server.
```
npm run dev
```

Usage

Visit the deployed application to search for and view details about various anime.
Switch between light and dark modes using the toggle button on the navbar.
Use the search bar to find anime by title.
Explore the detailed information about each anime card displayed.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request for review. For major changes, please open an issue first to discuss potential updates.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Maxwell999b/Anime-Cards-Anime-GOGO-TV