GitHunt
MI

Miawwh/anidice

🎲 AniDice is a simple web app that shows random anime images based on selected tags like catgirl or foxgirl. Built with HTML, CSS, Bootstrap, and JavaScript, using the NekoSi Cat API.

🎲 AniDice

A simple and beginner-friendly mini project that allows users to view and download anime images based on selected tags. For example, when a user selects the catgirl tag, the app will display random images of catgirls, along with related tags and a download button


🌐 Live Preview

You can check out the project here

Or clone the repo and open it locally (see below)


πŸ“Έ Screenshot

AniDice Screenshot


🧰 Technologies Used

  • HTML
  • CSS
  • BootstrapΒ 5
  • JavaScript
  • Axios (orΒ Fetch API) for fetching anime images

πŸ“¦ How to Use

  1. Clone this repository:

    git clone https://github.com/Miawwh/tagami.git
  2. Open the project folder:

    cd tagami
  3. Open index.html in your browser:

    # You can simply double-click index.html or use Live Server (VS Code)
  4. Select an anime tag from the dropdown (e.g., catgirl) and click the Search button. The app will fetch and display a random anime image for that tag, along with a download option


πŸ§ͺ API Used

This project uses the free and public API provided by NekoSi Cat for anime image retrieval

  • πŸ”— API Endpoint Used: https://api.nekosia.cat/api/v1/images/tags
  • πŸ“– API Documentation: NekoSi Cat API Docs

πŸ—‚οΈ Project Structure

tagami/
β”œβ”€β”€ index.html       # Main HTML file
β”œβ”€β”€ style.css        # Custom styling
β”œβ”€β”€ system.js        # JavaScript logic (API call, rendering results)
β”œβ”€β”€ Defaul.png       # Sample screenshot
β”œβ”€β”€ image.png        # Sample screenshot
└── README.md        # Project documentation

πŸ“£ Notes

  • This project is completely free and open to use by anyone
  • You’re welcome to improve, modify, or reuse this code for your own personal or educational projects
  • If the API server is down or encounters an error, an appropriate message will be shown

πŸ’‘ Future Improvements (Optional Ideas)

  • Add pagination or multiple-image gallery per tag
  • Display additional tag suggestions based on user choices
  • Implement dark/light mode toggle
  • Improve mobile responsiveness and accessibility

πŸ“¬ Feedback or Questions?

Feel free to open an issue or start a discussion on this repo