Anixart Web

after 3 and a half hours im finally done
fixed account screen
implemented “watch together feature” which is beta for now as it is a buggy mess as of writing this devlog and i actually found one more bug as i am writing this, ill fix it later i promise

next time will implement ability to search on english as a toggle in settings through shikimori api (kinda like myanimelist but russian)
this will probably make search slower but it will work

added this section that api sometimes returns
fixed a few bugs with player:

1. player doesnt show controls while fullscreen
2. if webgpu is not available in your browser quality upgrade option will now gray out
3. controls now disappear after sometime
4. if server returns broken hls stream, it will try to gracefully recover now
   also changed things around in login/register/forgot password:
   token is now moved to cookies instead of localstorage as its more secure(but its still not very secure because api requires to send token as a query parameter and token doesnt change between devices until password reset)
   cleaned up some logging to console as its not really necessary now
   favorites page now shows popup for user to login to access this page
   oh and also settings button
   and also asked ai to implement translation, this will be removed probably after i ship project, as this site is not meant to be used by non-russian speakers

anime4k upscale works, but on chromium-based browsers only(firefox has bug that doesnt let it work)
settings screen fully functional
started working on translation to english, honestly at first i tried to look at browser translation feature, but it was horrible, so i decided to make it
will be hard to implement to properly but i think 3-4 hours and i’ll be done

search is now a thing and it works fine
redesigned cards on home screen and you can select between horizontal and vertical card (for now only through changing localstorage xd)
some improvements here and there like a little bit better design of release screen
next up i will probably finally do player settings and implement anime4k maybe

i finally understood that i suck at design and asked ai to design it. now it looks amazing. next i will ask it to look at release screen cause i like the layout of it but design is half good half sucks

draft for account page, for now copied design from mobile app, tomorrow will propery design, and now im going to sleep good night

okay found a way to make it work
edited cors proxy to also include route with anixart user agent
this could be bannable, but at most they will ban proxy ip on the api and that is not crucial, cors proxy will work just fine
voting, posting a comment/reply, editing comment, deleting it was implemented

from now on i’ll try to make devlogs more often
tried to make replies to comments but hit the wall: api does not allow adding comments/replies without anixart user agent.
same goes with voting on comments (like/dislike kinda like reddit system) so i spend 2 hours just to discover that it will not work

ok i finally deployed it to github pages and also pushed source code to github
also added favorites screen where you can see your history, favorites and each list (watched, planned, watching etc)
added popup when you open site first time that its not official and im not responsible for your account
oh and also tabs on home screen to see latest, ongoing, announced etc
probably will add settings screen next time and also finish player

player 80 percent ready(settings is the only thing that does not work)
refactored code a bit, mostly tried to reduce eslint errors/warnings
started rewriting modal logic(repeating same logic on every new modal => separate model template component from which other modals will inherit from) and also rewriting modals to use that
also, the project is nowhere near mvp, so probably no github pages deploy until that (30 percent rn i would say i spent too much time perfecting release page im dumb)

okay, its time to make a devlog
proper dub/source select modal (eyeball shows that you already watched that episode and in the future i plan to implement time where you stopped but first i need to make proper player)
began defining settings
proper login screen and ability to create account/recover password (to be honest i thought it was impossible to make but after some reverse engineering via mitmproxy and android 7 emulator i found out that api reference that i was using is either outdated or not properly documented)
ability to view comment replies and started working full comment section
tried to implement voting on comments but its impossible unfortunately, api checks for allowed user agent and i cant change that
moved things around internally, now project structure is more refined
i think by the time i have to do next devlog i’ll deploy this site via github actions/github pages so i dont have to pay for hosting(application is fully client-side anyway)

release page almost ready, final touches left
also spent too much time on dealing with cors error (kodik, one of the main players, was throwing cors error, so i asked codex to create simple cors proxy and deployed it to vercel, but kodik still sent broken data, turns out it was because of us ip adress, i moved proxy to cloudflare workers and now it parses fine)
used linkparser from thedesconnet/anixartjs (this stuff is too wacky for me to deal with it myself)
random anime button on header
proper player is still wip (1% ready xd) will ask codex to do it cuz i dont even know where to start from
also spent too much time to design this page but now it looks amazing
hope to make proper player by the next devlog but this whole thing is new to me so im not sure

god that took a while, but you can finally watch something using this site, also login works now but no new account registration

As of now, webpage looks like this:
Now you can open release and as of now it will show poster, play button, favorite button and dropdown where you are supposed to select whether you watch it right now, plan to watch it, or dropped it(there is more im too lazy to describe them all)
Next up i will implement ability to watch episodes and log into your account (maybe sign in too im not sure)

Today i finally started working on it, threw together something basic as im new to react/js