Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rayx81194/onizuka
Onizuka - A Anime and Manga Search Website
https://github.com/rayx81194/onizuka
anime heroicons jikan-api manga nodejs react-router react-router-dom reactjs search-engine tailwindcss
Last synced: about 1 month ago
JSON representation
Onizuka - A Anime and Manga Search Website
- Host: GitHub
- URL: https://github.com/rayx81194/onizuka
- Owner: RayX81194
- Created: 2024-07-29T07:39:30.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-10T17:12:14.000Z (5 months ago)
- Last Synced: 2024-08-10T18:27:27.593Z (5 months ago)
- Topics: anime, heroicons, jikan-api, manga, nodejs, react-router, react-router-dom, reactjs, search-engine, tailwindcss
- Language: JavaScript
- Homepage: https://rayx81194.github.io/onizuka/
- Size: 2.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Onizuka - A Anime and Manga Search Website
This project is a web application that displays detailed information about various anime series. It fetches data from the Jikan API and presents it in a user-friendly manner with features like a "Pick a Anime or Manga", "Anime and Manga Search" and "Top Anime and Manga".
## Features
- **Anime Details**: Displays detailed information about each anime including title, synopsis, genres, ranking, score, status, source, and episodes.
- **Responsive Design**: Ensures uniform display of anime images regardless of their original dimensions.
- **Read More/Less**: Implements a toggle for expanding and collapsing long descriptions.
- **Streaming Links**: Provides links to platforms where the anime can be streamed.
- **Watch Trailer**: Directs users to watch trailers of the anime.## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **Jikan API**: A RESTful API for fetching data from MyAnimeList.## Getting Started
### Prerequisites
- Node.js
- npm (Node Package Manager)## License
This project is licensed under the MIT License - see the LICENSE file for details.