Shibam Roy

[DEMO VIDEO ATTACHED]
Well.. Since the past couple of days, all file uploads stopped working..seems like bashupload.com just went down for some reason :heavysob:
So, as a temporary file hosting service I had to choose something else, and.. I chose catbox.moe (Which was suggested to me by a hackclubber, I am soo much grateful to them!!). Finding such a service for free really sucks, but anyways its working back again now. Another slight issue was in the Edit Profile page, I forgot to wrap the scrollView with a KeyboardAvoidingView, as a result while typing, keyboards often covered up the typing region, I fixed that issue in this new release!
I attached my promised demo video too, pls check it out!

NOTE: Please ignore my cursor position in the video, I am on wayland, and that's the best I could record here. I am too lazy to install some x11 wm just for a single devlog.
NOTE 2: Ignore the lag please, it only happens during screen recording + I forgot to demo something in the first video, so merged two different videos. AND the search thing worked, but that opens up in new tab, so wasn't recorded. Please try it yourself!

Added search bar customization and module customization!
It was really fun making this project, and now this is probably the last devlog before shipping. Man, I am so so happy that it works well! I can't express the feeling. there are minor bugs in the music playing system, but I think it well enough for now. In some future update, I would implement a proxy or smth to fix the CORS thingy. For now, that's how it looks(Video demo attached)!

YAYAYAY!!!!! I FIXED THE MUSIC BUG!!! I am sooo happy! Its finally working! The music works well, what I did is basically fetch a list of songs from the API, and if it encounters any more 404 endpoints, it would move on to the next song in the list. CORS made everything so difficult, I tried so much to fix the CORS errors, but I gave up, I just simply disabled CORS for this request.. (Trust me, I tried a lot of ways). I actually intended to make a separate devlog for the notes viewing/deleting thingy, but seems like I forgot it.. lol. So.. yeah that too works now!
HOWEVER, I dropped a feature for now. Atmostpheres/sound effects, I feel like that isn't something that people are gonna use a lot(at least I wouldn't), and I honestly can't afford as much time rn, cause my exams are super close. Sorry y'all, but I will do it in the future for sure!
Would be working on module toggle and search engine customization. (pls don't kill me for this SUPER long devlog)

Completed the editor! It includes features such as blockquotes, lists, heading, bold,underline, italic and strike through text. All thanks to TipTap. It auto saves as soon as you remove focus from the editor, and ofcourse you can manually save it. But, you can't delete the notes or view saved notes as of now. Would be working on that rn.

Done with the notes list thing too, now only gotta complete the editor. I am planning to use TipTap for it, so that it supports markdown too (https://tiptap.dev) ! I am excited,as this project is close to shipping!

Completed the To-do list/Pomodoro modal! Ofcourse it has some animations too. The only problem is, its not customizable as of now, I mean you can't customize the duration of long break, short break or productivity time. Will probably add that later on. but I would be working on other, more important things now. So... my current goal is to make that journal thingy work, should be hopefully simple.

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.

In this update, I fixed all the dot menus (bottom sheets), which just had options which did nothing on click. Users can now delete all the chats or select particular ones too (either for themselves, or for both users, depending on who sent the message). Oh,forgot to mention, I improved security too, so the firebase rules are stronger than before now (earlier ones were just temporary, extremely insecure, to make it work yk). Pressables have animations too now. There's also a show password button now, and I added likes for comments again.
Ik, a lotta changes in one devlog, but this one is probably my last devlog for this project before shipping. I really enjoyed making all of it, and will definitely work on updates in the future,but for now I really need a break and gotta do my studies. It's totally usable now, with no major bugs, I hope you all like it! (Also, a proper video demo with voiceover coming soon in #shibams-hub)

Chat system works now, sorry can't make a video due to a lot of activites rn, gotta do my studies too. There are also sound effects on messages (toggleable).

These devlogs might be relatively long, I hope they don't reduce my shells for this :pf: .Now we have 3 different themes in hacknet! Catppuccin mocha, Light and the default:)
(More themes may be added later on user demand)
Added a video attachment, have a look! I am really excited rn, gonna work on the chat system now.

Okay I take it back, not 2 devlogs, probably more, but I am gonna be doing a lot more things. For example a chat system!
I made comments to update in realtime, Added friend requests, and friends section which works pretty well. Fixed a bug where comment names don't show up, it had something to do with FlashList, using a FlatList fixed it. And a few other minor changes that I don't remember. Oh and likes/dislikes work on the comments now (not perfectly but they do, will fix it within the next devlog)
My current todo list as of now:

Woah, a pretty long time for this devlog, but ig it was necessary, cause I made a looot of changes in this one. First, I FIXED THAT DAMN FLICKER!!! You won't believe if I tell the reason, it was because I added 'async' to a time extracting function, i just did that probably cause I was writing many other async functions and went with the flow, or I copied other function boilerplate and forgot to remove 'async', I am such an idiot. The thingy returned a promise and caused this flicker. Anyways, I have also replaced all FlatLists with FlashLists, so a major optimization, + many changes to UI that you may be able to see in the video.
Completed most of notifications, now just gotta organize stuff a little bit more.
Also, please note that the like/dislike button audio DOESN'T play twice in real life, i have no idea why it was like that when I checked the recording.

Current goal: Complete every thing except for friends or maybe even that. Likely I am gonna make 2 more devlogs max (before shipping).

Added sounds to like and dislike, and they are customizable:)
Made a few minor changes to settings UI, and optimized some code of homepage.
Primary goal is still optimization, and UI improvements.

Notifications work now!!!!! Honestly it wasn't as simple as I thought, had to do a lot of stuff to make it work. Never thought this much stuff happens when a notification is triggered. For now, it's triggered when you gain new trackers (followers), but will add more notification triggers later, like when someone you follow makes a new post, or someone comments on your post. I can't express how happy I am, this app just needs a bit more polishing.

Next: I gotta complete the likes on comments of a post. and polishing the app(fixing flickers and stuff). Maybe I will work on friends section after that.... all of this is gonna take a little bit of time, but shouldn't be that hard( I hope :sob:)

Now users can upload their own banners! Had to rewrite a bit of my old code to make it work... probably its not the best piece of code, but works:)
Next goal: Work on notifications, optimize stuff(or at least make it look like optimized)

Custom banners done! Users can now customize banners:)
I mean they still can't upload their own banners, but that should be pretty easy, will do that within the next devlog. For now they can choose between the 3 default banners.
Current goal: Complete the customization, and work on notifications, again shouldn't take too long. Maybe even some optimizations/loading screens to fix that initial flicker. Honestly I am really happy out things are turning out, its just being like how I wanted. A can't wait when there would be some real users, and this app would be usable.

Yeah it was indeed pretty easy. Users can share their posts now! and they have multiple default options as well:)
Oh! and I also made a new logo+banner set, so my next goal would be to make a default banner set choice + custom banner upload option. That too shouldn't be very hard ig

The three dots menu works now! I initially thought of making a dropdown menu instead of the bottom sheet thingy, but I realised it wouldn't really be possible to make a modal inside of a flatlist, and position it as I wanted. But anyways, it looks okayish for now ig. The like button turns into a delete post button when its your own post, so now you have a way to delete your own post!
Next goal: make stuff shareable (should be super simple thanks to expo)

Fixed all major bugs, that made this app really annoying, like those constant flickers and flicker on toggling the like button. Also fixed the comment section bug where the keyboard went boom on each keystroke (Just had to split that into a different component, so that it only renders that part). Now I am left with fixing the double flicker for loading, I mean its not as much annoying, but still...
But my current priority is push notifications and a dropdown menu so that people can at least delete their own comments/posts.

YAYAYAY!!! It's finally working! ik I am making a devlog after quite some time, but I was really struggling to build a successful apk, finally its working :sob: . Turns out there was nothing wrong with my code, but with my workflow, github secrets weren't working as expected, I messed something up most likely. Eas cloud builds work perfectly, the sad thing is, the builds won't be made as often, cause eas cloud has a limit of 30builds/month, and has extremely long queue times. No UI changes yet, but I swear I will do that within the next devlog. Oh, also fixed that flickering bug partially, through memoizing (but still need to stop those re-renders on like/dislike).

Here's the link if you want to try it out: https://expo.dev/accounts/shibamroy/projects/HackNet/builds/52b34665-2412-419e-9985-e7af3167c907

New day, new bugs :heavysob:, but I probably found the problem. I mixed up react navigation and expo router, now migrated the entire application to expo router, and while it works...... Two of the screens kinda remount, I couldn't find the cause yet, but hopefully I would be able to fix it soon. Ik, there are no visual changes, but trust me, a lot of stuff is going on. Oh wait, did I mention, I setup github actions, so it automatically builds a new apk after each commit!
Current goal: Fix the bug, make friend requests/friends thingy work.

So sad rn:(
Users can view other profiles, but that's not the problem. In this 5hr devlog, I spent ~4.5 hrs on building an apk. It took 10 attempts, and guess what, the build crashes on startup.
I can't think of anyway to fix it.... I don't even know if there is anything else left to try.
Maybe, will try debugging again, I just hope I would be able to fix it soon, wish me luck

No visual changes in this devlog, but did a loooooot of stuff, basically refactored the entire codebase. Removed some clutter, and not-so-useful placeholders.
Next goal, Be able to check other's profiles, should be pretty simple. Lemme attach a video this time!

Didn't do much major changes, added like,comment, and log count.
Tried building it but failed miserably, will try again after fixing some stuff.
Current goal is code optimization and removing bad code.

Comments finally work now!!!! The buttons on them don't work yet, but soon will. It took quite a while, because of a lot of bugs :heavysob: . The comment input box of the original post still doesn't work properly, idk what the possible cause is, I tried my best to fix it, but I couldn't. I have something on my mind though, I still gotta wrap the whole post in a keyboard avoiding view, who knows it might fix the problem. My keyboard just automatically dismisses after each keystroke. The comment box inside of the comment section works properly though. I honestly have a feeling that it might be cause its inside a flatlist, but let's see tommorrow

DAMNNN! These bugs suck sooo much, finally got rid of the most annoying ones. Yet to work on the comment section... The modals were just not working on the new log page no matter what, I still have no idea what the issue was, but still fixed it, may be just bad code, rewriting stuff fixed it.

Added an activity indicator and improved profile updating code.
Next goal: Make comments work

IMAGE/VIDEO POSTS FINALLY WORK, YAYAYAYAYAY!!!
I am sooo happy rn!!!
I made some other changes too. You can preview the image/video before logging, and I changed the UI of the modal too, added a blur background to it. A few other minor changes. Next task is to add a loading screen (activity indicator) when you try to post something/do any activity that takes time.

Made a lot of minor changes/adjustments in UI, especially in the search page and my profile/account page. I basically rewrote the my account page for a better code structure and to avoid some warnings. My next goal is to allow media along with posts, should be pretty fun!

Hi everyone! Its my first devlog of this project, I already worked on a lot of stuff for #gemini, but I will continue the project here. So far I have managed to implement a basic authentication system, user profiles, and posts(which I call logs). In this devlog I fixed a few login and profile pic bugs, and implemented the search functionality.
I am quite surprised to know that firestore doesn't have an inbuilt search function in its query method.
(Mohammad just made an account for reviewing my app, so i am searching up that in this screenshot)

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)