Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zoelabbb/animedb
AnimeDB is a minimalist anime search application built with Vue.js and TypeScript. It allows users to search for anime and view detailed information including titles, images, and synopses. Powered by the Jikan API, the app offers a responsive design with a clean user interface, built using Tailwind CSS.
https://github.com/zoelabbb/animedb
anime frontend jikan-api open-source search tailwind typescript vue vuejs
Last synced: 3 days ago
JSON representation
AnimeDB is a minimalist anime search application built with Vue.js and TypeScript. It allows users to search for anime and view detailed information including titles, images, and synopses. Powered by the Jikan API, the app offers a responsive design with a clean user interface, built using Tailwind CSS.
- Host: GitHub
- URL: https://github.com/zoelabbb/animedb
- Owner: zoelabbb
- Created: 2025-01-17T01:40:42.000Z (3 days ago)
- Default Branch: main
- Last Pushed: 2025-01-17T01:59:24.000Z (3 days ago)
- Last Synced: 2025-01-17T02:33:15.604Z (3 days ago)
- Topics: anime, frontend, jikan-api, open-source, search, tailwind, typescript, vue, vuejs
- Language: Vue
- Homepage: https://animedb-alpha.vercel.app/
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AnimeDB - Search and Discover Anime
AnimeDB is a minimalist anime search application built using Vue.js and TypeScript. This app allows users to search for anime and view detailed information, including images and synopses, using data fetched from the Jikan API.
## Features
- Search for anime by title.
- Display anime details such as title, image, and synopsis.
- Responsive design that adapts to different screen sizes.
- Simple and clean UI for an easy-to-use experience.
## Technologies Used
- **Vue.js**: JavaScript framework for building the user interface.
- **TypeScript**: Superset of JavaScript to provide type safety and better development experience.
- **Tailwind CSS**: A utility-first CSS framework to style the app.
- **Jikan API**: A RESTful API to fetch anime data.
## Installation
1. Clone this repository:
```bash
git clone https://github.com/zoelabbb/animedb.git
cd animedb
```
2. Install the dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
Visit `http://localhost:3000` in your browser to view the app.
## Usage
- Type the name of an anime in the search bar and press Enter to search.
- The app will display a list of anime based on your query.
- You can click on each anime to view its details, including the title, image, and synopsis.
## Contributing
If you'd like to contribute to this project, feel free to open an issue or create a pull request. Your contributions are always welcome!
## License
This project is open-source and available under the [MIT License](LICENSE).
## Author
**Alif Ryuu Bagus Ramadhan**
- [LinkedIn](https://www.linkedin.com/in/alifryuu/)
- [GitHub](https://github.com/zoelabbb)
## Acknowledgements
- [Jikan API](https://jikan.moe/) - For providing the anime data.
- [Vue.js](https://vuejs.org/) - For being an awesome JavaScript framework.
- [Tailwind CSS](https://tailwindcss.com/) - For the utility-first CSS framework.