Skip to content

Miawwh/anidice

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎲 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

About

🎲 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors