shukaaa / anime-higher-lower

Higher Lower Game Anime Edition

Anime Higher-Lower

Welcome to the Anime Higher-Lower application! You can play this game here Shuka's Anime Higher Lower Game

Project Description

Anime Higher-Lower is a fun and engaging game application built using the Angular Framework. The objective of the game is to guess which anime has been watched more often based on data fetched from the MyAnimeList API. The game is based on the popular browser game Higher Lower Game, but with an anime twist.

Motivation

I created the Anime Higher-Lower application as a fun way for anime fans to test their knowledge of the most popular anime. As an avid anime fan myself, I wanted to create a game that would be both fun and challenging. Additionally, I wanted to learn and experiment with the Angular Framework and its various features while building this application.

anime-higher-lower's Issues

responsive design for mobile phone

repsonsive design for mobile phone yay

images not perfectly aligned

the 2 anime images are not aligned perfectly, when the title is longer then the width

footer is fucked up

more game modes (questions)

maybe best rated anime

Create important information to the footer not the header

loop loose gif

the loose.gif stops playing after a few seconds

show members after guessing

the members must be shown after guessing, to get better knowledge about these animes

Refactor whole http shit

encapsulate the http request from random logic and implement a store if necessary and optimize the request if necessary

Create characters to possible game types

Detect Too Many Requests Error and Handel

When a too many error error got detected, insert a delay and make another request

maybe add static delay to don't get over request limit

adding more modes

adding more game modes for variety (ex. Higher Lower Game based of best voted, or age) or most stared characters...

Clerk Login Checks are bad af

new Highscore message

some images aren't available

skip animes which does not contain images

Create mapper and types for anime and remove "any" type

loading icon not centered for mobile

favicon can't be loaded on server shuka.rip/projects/anime-higher-lower

The favicon do not load

• Webserver: Strato

Better Deployment (Pipeline)

Currently, I drag n drop the builded files into my Filezilla who's connected via SFTP 💀💀💀

More details about the given Anime / Manga

highscore via cookies & cookie policy

Smart Mega Store

Storing every request in the Store, and when the random anime got already loaded, i can take it out of the store instead of making an API request

replace wrong and right anime girl with copyright free images

displaying member count after guessing

displaying member count after guessing

big design workover

current design is trash af

Highscore does not save

For Both Buttons on loosing page