Aidan Chang

• Used Tailwind CSS to center the text on every screen
• Used TanStack Query to render the the database and cache it in order to save database queries
• Added a back button onto every screen
• Used Rechart in order to add a graph of both user’s scores at the end of the game
• Turned the timer into a smooth progress bar
  For the future, I probably want to cache each page when a user visits it for like an hour so that it doesn’t have to load every time and then figure out why it takes like 10+ seconds for a game to load when the database filling finishes in like 2 seconds

I added the ability to search up users by their username while also being cost efficient in terms of database queries

Added functionality for sending and accepting friend requests as well as seeing accepted friend requests
most just did stuff for friend requests

I started to flesh out the profile page, adding the basic stuff with fields from the database. i also added some functionality for other users and viewing their profile, but i haven’t added a way to search other users yet so i cant show that yet lol

for this update:

• finished adding to the database after a game is finished
• reorganized the frontend into the rough format that i want (still need to fix each page)
• added matchmaking for ranked gamemode
• added combo scoring during the game

Here’s what I have for this update:

• finished a basic version of the actual gameplay, from start to finish (see video)
• separated the game react page into 2 distinct components, the active game and custom lobby (the matchmaking will take place in the main lobby and not a game lobby)
• implemented the scoring
• TODO: combo scoring + update magnifiers for scoring (1000 looks a lot better than 1)
  - both game send at different times, so i have to fix that too

Now that the deadline got extended, I might be able to finish this project!
This is mathblitz, a competitive mental math game that I plan on making. Here’s what I have so far:

• websocketing
• logins connected with Prisma
• really bad UI
• frontend-backend interaction that works

i worked on the mozilla instance of the extension so that the dimensions are proper, since I believe there are dimension restrictions to the popup window for a firefox extension. I dont know why, but the about page is double the width of the main page. Looks cool though, so I’m not complaining.

i made some changes to the question mark section so that the back button wasn’t being overlapped by the text. In order to make the extension compatible for both chrome and firefox, I needed to create two instances for the extension with basically the same code. There are some things that need to change for the firefox version to look proper so that’s probably what next update is gonna be about.

i fiddled around with the css to mimic some websites that i found since i have no idea how to make the frontend look good. there are still some things that i am iffy about but i think it generally looks a lot better than before

i changed the status message into a toast notification, which i think makes the ui a little bit cleaner. I’m done with most of the logic now, but I don’t know how to make the UI any better lol

since i had most of the logic written down, i added some stuff that made the styling look better and like an actual application that people would use. it’s still a little basic and i’m not really sure how to make it better though lol

i didn’t do much for this update, just made some changes to the logic and the z-index so that the countdown actually pops up

i pretty much made everything work, from the adding of links to the actual toggle. at this point, ive learned a lot about how local storage and the chrome api works for extensions. now that i think about it, i should probably remove the settings page and just put it on the home page

i made some changes to what the rate page looks like if a user isn’t logged in. I cant access their users document because they dont have one. that’s largely what i spent a big portion of this update on in terms of code, but a lot of other time was devoted towards debugging my firebase rules and some other things due to my vercel page not working. i think im really ready to deploy now

there are some prior things for this project that I made before I had hackatime working properly, so here is what i have been working on in this update. I want to make it so that the extension only blocks applications after a set period of time (in seconds). this allows the user to still get a dopamine hit, but then they instantly get refocused into their work. I think this is something that works for people who study for hours on end. in this update i mainly just messed around with the chrome api for extensions and tried communicating between all the different JS files required for extensions.

i have completed the profile modal, adding a few things to make it look more fleshed out. i would do this with the settings modal too, except theres nothing that i would add to the settings modal. at this point, i think i have reached a comfortable conlusion to this project

i updated how the ratings are calculated, as it turns out that every single leaderboard item on the front end was given a previous ranking of 5, so i updated that. I also updated my API so that items that have no rating are not factored into the ranking calculation, as for the least average rating, items that have no rating would throw off the delta for the rating change that shows. at this point, the project is largely done, and i only need to make some changes to the settings and profile modal before im done i think

i updated the modal so that it looks the way i wanted it to look and i also added a toast message to tell the user how to find the comments since i realized there is kind of no way you would find out normally

i finished the batch updater and it works which is nice. comments show and ratings are updated, and i updated the leaderboard so that only items that have ratings are shown. there are definitely some problems that still need fixing with the leaderboard though

i realized that i needed to have a way to update the rankings and the amount of comments a user makes, so i made another cron job that calls my api every day at 10PM central to update things instead of having to do any rating calculations during read or something like that.

i implemented the first out of 6 steps that i plan to use for a batch updater that will allow me to maintain a ranking system for the leaderboard

in this update, i largely finished the leaderboard page, implementing logic for sorting the items, viewing comments, and other things. i still need to update my batch job so that the ratings are pushed to the database every day and i also need to make some changes to the data stored in the database.

for this devlog, i finished the entire rate page. this includes:

• completing the invidual rating card
• completing the entire rate page that includes rating cards
• updating database values accordingly when users create ratings
• allowing users to make comments on foods they rate
• a lot of thinking on how things are stored in the database for the future… again

for this update (~1hr 30min), i have retrieved the data in the Rate page, but i might have to change that soon with how i plan on separating the menu items. i also began to start working on the RateItem, which will be the individual card that will be the way a user rates items. things are still work in progress, but for some reason Flavortown is adding 9h 49m of work, so i decided to make a devlog. i have ~24hr of work on this project so i’m not really sure whats going on 😅

for this update, i have:

• spent a lot of time refactoring and thinking about what the rate page is going to look like
• added two new functions to pull things from the database
• spent a very long time thinking about how data should be stored inside the database
• spent a very long time thinking about how to minimize cost when updating reviews

started working on the “rate” page, so far just got the date selector working

Everything done in this project so far:

• created the navbar
• added the basics of all the pages i want
• integrated firebase for login/user authentication
• created a settings modal
• created a profile modal
• created my own api that gets food items from a website
• created a cron job that runs my api and updates firestore at 1 am every day
  and most recently, i just added functionality to display food items on the home page :)

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.