Bug fixes. Making the order page functional.

This session I added the colour pallet and to fix all the bugs in the system.

i have now updated the project to contain a default API that is made on a temp account for users who do not know how to generate their own API key or are not able to due to any constrains.

in this session i have worked on mainly testing. I altered the code slightly again and again to see if everything is functional. According to my test plan everything is functional bug free

In this session i worked on the backend of the system. And some part of the front end without the colour themes

In this session I fully completed the interface ready to ship. I have added all the pages. And ensured that all the pages store the data in the json file generated upon first launch of the app correctly.

This is a chrome extension that uses the google API for youtube to pull the information of youtube channels and sends a notification to my notification center everytime the selected youtubers post a video. Currently this extension checks every 15 min and I have tested it over two days and it successfully and reliably notifies the user when a new video is dropped. Youtube’s inbuilt notification sender is unreliable

I have tried to remove the dependancy of having ms access installed on your computer. So far i have been able to make it work. for some pages later I will fix the bugs for some of the pages to improve the SQL database reliant version to run smoothly as well

Bug fixing and making an exe file to run

was sick today so I skipped school so I worked 7hrs on TableTop hehe. Added rules from the rulebook to be functional everything seems to be working. And for some reason you cant play with VPN on. Gonna ship it now

Building the sidebar and the dashboard with the right amount of padding and setting up the initial database. Deciding the colors and set up

I built a Streamlit chess opening viewer using python-chess where users can step through common openings move by move. I also added sidebar controls to customize the board appearance, including a color picker for light and dark squares and a slider to adjust board size.

At first, the color customization didn’t work because the values from the Streamlit color pickers weren’t being passed into the chess.svg.board() function. Even though the UI was updating, the board rendering was still using the default SVG colors.

To fix this, I connected the selected colors directly into the SVG generator using the colors parameter in chess.svg.board(), like this:

“square light” to light square color picker value
“square dark” to dark square color picker value

I also fixed the board size control by replacing the hardcoded value with the slider value.

Now the board updates dynamically based on user input, making the interface fully interactive and customizable.

monkeyspeak final devlog before ship ( hopefully )

---

tl;dr

• so brave and edge broke everything ( ye read what broke for more info )
• deepgram mode now transcribes live text again (words dissolve, wpm moves, momentum still reacts to your voice)
• brave and edge no longer hang for 25 seconds then fake a mic error
• production uses a render websocket proxy + vercel env, same path that worked locally
• github: nothariharan/monkeyspeak (commit 095b731 and earlier speech routing work on main)
• live: monkeyspeak-delta.vercel.app

---

what i changed

speech routing (back to something that made sense)

mode behavior browser web speech api only. no deepgram hijack on brave/edge mount. deepgram try deepgram first (proxy → bridge fallback on chrome only). if that fails, fall back to web speech with a clear error.

the ui now shows errors for the provider that actually failed, not a generic “mic blocked” when stt died for other reasons.

deepgram client hardening

• prefer var name ur wish websocket proxy over the vercel http bridge
• brave/edge without a reachable proxy: fail fast with a useful message (no 25s timeout)
• utterance_end_ms locked to 1000 everywhere (deepgram rejects live ws with 400 below that)
• bridge watchdog clears on BridgeReady, not on first random chunk
• server bridge waits for upstream deepgram before closing the socket

the transcript fix (the big one)

• client parses deepgram json whether it arrives as a string, blob, or arraybuffer
• render proxy forwards deepgram replies as utf-8 text frames instead of opaque binary

infra

• backend/ express + ws proxy deployable on render (render.yaml included)

• set up env with ur var name at vercel

• redeployed frontend via vercel cli after env update

small polish

• clearer vad fallback logs (worker load fail vs no voice detected vs timeout)
• config bar hint on brave/edge when browser mode is selected
• momentum sprites + gsap monkey states (from earlier in the sprint)

---

what broke (and why it looked cursed)

1. brave and edge block or mishandle the vercel http audio bridge (duplex fetch upload), so deepgram connections hung ~25s and never returned transcripts.

2. those browsers also cannot open an authenticated websocket straight to api.deepgram.com, so they need the render ws proxy (wss://…/api/deepgram/proxy) instead of the chrome-friendly paths.

3. even after the proxy worked, deepgram sent json in binary ws frames and the client ignored anything that was not a string, so words never updated until we parsed blob/arraybuffer payloads.

---

what’s next (maybe)

• vendor ort wasm for vad so the worker stops complaining
• gsap scale split for clean console
• render keep-alive or paid instance if cold starts hurt demos
• preview env on vercel for pr deployments (production is wired today)

---

sorry if i yapped a lot and the fixes where actually slighly more techy stuff so i didnt wanna yap abt that as wel so yeah if u want to know lmk in replies :)

i hate websockets. i hate websockets. i hate websockets

geniunely why does ts need to be this complicated. First I needed to make a venv bcz the download was being weird, that’s fine. THEN THEN THEN when i started running the extremely basic chat app, it just kept immediatly dropping the connection, which is normal cuz chrome right? BUT THEN i download the extension that’s supposed to make it work and it jst doesn’t

uh what i made wise, I followed a W3 schools guide to make a basic websockets chat app.

Devlog #1
So what’s here: A space themed desktop environment with draggable windows, a notification center, two arcade games (SpaceSnake + Asteroid Destroyer), a music player, and a secret shutdown animation.

My first version tried to do too much, custom file system, terminal emulator, easter eggs. After almost one and a half hour of nothing working, I deleted almost everything and started over with just the window manager and games. Best decision I made. The rewrite took another one and a half hour and it actually runs.

Next up: Fix the double-draw asteroid bug (I have two loops running), preload images so they don’t reload every frame(optimalisation), and write a README. Then I’ll make a demo site and then ship the project.

PS: Yes, the asteroids rotate. Yes, I spent way too long on that.

Making the project deployable with an exe file along with the addtion of report generation and exporting files for spreadsheet analysis of the business data