Mizuha

Didn't work on fixing the bug, but completed most of the settings modal. Now I only gotta add a Modules section where one can enable or disable modules such as clock, pomodoro,etc. I will add that once all modules are completed. Will demo it in some upcoming video. Will be working on the pomodoro-todo-list and clock module now, should be pretty easy i think.

Yay! Music finally works now! I added a volume control slider too. But we have more problems, see , the real problem is that is does't always work. The API I am using often returns music endpoints which don't work, perhaps something is wrong with my code, endpoints often return 404, but not always. I will be working on that, and the settings part now (maybe the rest of the UI too).

Got some APIs and context working, I hope the music functionality works soon. Here is a screenshot of all audio stations of chillhop. All I need to do now is list these stations in the radio station window, and stream music from there. Sound effects are fetched from the same request, so maybe I will do that together. The next devlog might be pretty long...
So.. Current goal, make music and sfx work!

You can change the background images now, and I made a component for displaying the current playing song. Also made the empty modals for Journal, Pomodoro, and the rest of the stuff. Man, Motion(library) is just fire, makes life so simple!

Now the modals work again! This time though I am using a context to toggle them(Thankfully I won't have to prop drill anymore). The last time I did so much prop drilling, things were super confusing back then. next i am gonna make the music work. Once that's done, rest of the things should be really easy. And this time there are some nice animations too, though you won't be able to see that until i upload a new video(should be soon, dw)

Its been a while on this one, cause i have been working on HackNet for a while. Now that I feel really comfortable writing react, I think i can wrap this one soon too!
So... I just started checkout all my code, and I was almost about to die, how can I possibly write so much bad code :heavysob: . And why the heck did it take this long time to make only this much. I decided to scrape the old thing and re-write again, I can't continue with that code. Good news is, its likely going to be more customizable than before now, and I am adding animations from the very beginning. Here's a video for the current progress.

The UI probably didn't change by much, but now the shortcuts have dynamic logos, and the search bar finally works! (Now I can finally search for my fav cat pics :3 ) . Also fixed a lot of tiny bugs related to responsiveness. Most of the changes are related to functioning, so its hard to demo with pics honestly(and I am too lazy to make vids) but you can try it out yourself in the deployed version!

Almost finished the journal and made a lot of other changes! See the image, I used the journal markdown to write all the changes that I made so far, and what I am going to make.

I know its been a long time since the last devlog, have been a little busy with studies, but anyways! I added the SFX dialog and radio stations dialog.(If only I could add more pics :sob:) Besides, I added a search engine section in the settings dialog. Well.... none of them are functional as of now, but dw, I will be working on that just as soon as I am done with the UI. So... The current TODO list goes as follows:

• Complete a basic UI for the dialogs, and basically everything
• Work on the search engine part, should be easy
• Make the lofi music play
• Make the other modules work (todo, pomodoro,etc.)
• Make modules toggleable
• Add more backgrounds, and work on animations.

If all goes well, I hope the end result would look pretty good!

Fixed positioning of dialogs, they finally don't have hard-coded coordinates anymore :yay:!

The background can be changed through that menu now! fixed a ton of errors in this process, but it works! Please ignore the lag, its just cause i have a lot of tabs opened up and it only happened while recording the screen, i didn't notice even a little bit of lag during normal usage.

Added a volume slider and made the clock functional.
Also spent a huge amount of time fixing an error which could have been fixing by a single google search :heavysob: . Like seriously why are nextjs errors so bad, no human can possibly predict the real problem with that error!
Turns out the real issue was that I was returning null inside a component when a variable was false, but that somehow breaks rules of hooks... so now I just set display to none when its false.

The dialog boxes work now! and most of them are going to be movable (I only completed the movable dialog boxes so far). Also made a few changes with colors and the background. The old background is still going to be an option though.

So here goes my first devlog! It's not functional yet(almost nothing works), but I am done with the basic UI.
(Please ignore me being lazy and using the same icon for all shortcuts, its only meant for testing purposes)