https://github.com/justkesha/guess-opening
Web-application that test your knowledge of anime openings using YT's IFrame API
https://github.com/justkesha/guess-opening
anime anime-opening github-pages guessing-game iframe iframe-api memory-game openings test test-website tests web-application website youtube youtube-api yt
Last synced: about 1 month ago
JSON representation
Web-application that test your knowledge of anime openings using YT's IFrame API
- Host: GitHub
- URL: https://github.com/justkesha/guess-opening
- Owner: JustKesha
- License: mit
- Created: 2025-08-01T18:41:33.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-10-19T05:11:43.000Z (8 months ago)
- Last Synced: 2025-10-19T17:44:45.017Z (8 months ago)
- Topics: anime, anime-opening, github-pages, guessing-game, iframe, iframe-api, memory-game, openings, test, test-website, tests, web-application, website, youtube, youtube-api, yt
- Language: JavaScript
- Homepage: https://justkesha.github.io/guess-opening/
- Size: 395 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Guess Opening](https://justkesha.github.io/guess-opening/) by kesha
This is a simple web-application that tests your knowledge of anime openings.
The goal is to figure out the anime name by one of it's openings as fast as possible.
Goto [justkesha.github.io/guess-opening](https://justkesha.github.io/guess-opening/)
### Overview
- **200+ openings** scraped using a python script from popular lists
- Using YouTube's IFrame API for audio & blurred background
- **Mobile support** thanks to responsive design
> [!NOTE]
> This idea was left on early in development and I currently don't plan on polishing it.
> The core funcionality is there if you wanna try it out, you might wanna click on the background to start.
> Some openings may not load as youtube blocks embeds for certain videos & I've not filtered those.
### Data
Openings list can be found in [this json](data/prod.json) file.
*Note: that IDs under the `openings` field are YT video IDs.*
```json
...
"R6t": {
"name": "Shinseiki Evangelion",
"episodes": 26,
"popularity": 68,
"year": 1995,
"openings": [
"fShlVhCfHig" // <- here is the opening video ID
]
},
...
```
So the video link would be:
https://www.youtube.com/watch?v=fShlVhCfHig
or just https://youtu.be/fShlVhCfHig