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:

   git clone https://github.com/zoelabbb/animedb.git
   cd animedb

2. Install the dependencies:

   npm install

3. Run the development server:

   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.

Author

Alif Ryuu Bagus Ramadhan

• LinkedIn
• GitHub

Acknowledgements

• Jikan API - For providing the anime data.
• Vue.js - For being an awesome JavaScript framework.
• Tailwind CSS - For the utility-first CSS framework.