Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/firestreaker2/animecaptcha

Simple captcha system using anime waifus.
https://github.com/firestreaker2/animecaptcha

anime captcha captcha-system js waifu

Last synced: 4 days ago
JSON representation

Simple captcha system using anime waifus.

Awesome Lists containing this project

README

        

![AnimeCaptcha](https://socialify.git.ci/FireStreaker2/AnimeCaptcha/image?description=1&forks=1&issues=1&logo=https%3A%2F%2Fstatic1.cbrimages.com%2Fwordpress%2Fwp-content%2Fuploads%2F2023%2F07%2Fruby-hoshino-is-shocked-with-a-sparkly-background.jpg&name=1&owner=1&pulls=1&stargazers=1&theme=Dark)

# About
AnimeCaptcha was designed to be a simple captcha system, just using anime waifus. It was meant to replace modern captcha systems like [hCaptcha](https://www.hcaptcha.com/) and [reCaptcha](https://www.google.com/recaptcha/about/). It utilizes the [FemboyFinder API](https://femboyfinder.firestreaker2.gq/) in order to retrieve images, and then display them.

# Usage
## Setup
To get started, include this script link in your ```` tag.
```html

```

After, make sure to initialize it and attach it to an element.
```js
const captcha = new AnimeCaptcha();
captcha.attach(document.getElementById("anime-captcha"));
```

## Functions
| Method | Accepts | Usage |
| -------------- | ------------ | ----------------------------------- |
| finished | boolean | check/set status of captcha |
| indicators | array | check/set indicators |
| validFormats | array | check/set valid formats for images |
| attach | HTML element | attach captcha to an HTML element |

## Example
```html

// initialize captcha
const captcha = new AnimeCaptcha();

// set specific indicators
captcha.setIndicators([
"hoshino_ai",
"hoshino_ruby",
"kurokawa_akane",
"memcho",
]);

// attach to element
captcha.attach(document.getElementById("anime-captcha"));

// submit logic
document.getElementById("form").addEventListener("submit", (event) => {
event.preventDefault();

captcha.isFinished()
? alert(input.value.trim())
: alert("Please finish the captcha");
});

```

A full demo can be found [here](https://animecaptcha.firestreaker2.gq/).

# License
[MIT](https://github.com/FireStreaker2/AnimeCaptcha/blob/main/LICENSE)