Alric Marvel

Okay, everything's done! Let's get it goin, first ship. Fly high pls x

hey that's a LOOONG time i took to add e-signatures + basic improvements to the PDF format. It looks great though!

Figured out a way to add email integration. However, im not sure where these 15 hours came from because this was more like a 1 hour job LMAOO

Long time no see people, i've added an edit page functionality when it comes to pre-existing agreements.

Ran into waaay too many bugs this time. Spent a good chunk on supabase sadly.

Okay maybe this took WAY too long to debug on supabase. It says 12 minutes over here in this devlog but i guarantee i spent an entire day on this. WE FINALLY HAVE INTER ACCOUNT AGREEMENTS LESGOOO

Just sum last minute changes, i wanted to go for that cleaaan notion kinda feel

neeew paaage aleeeert so basically i've the privilege of being able to see agreements i've created by myself now, yippeee

The rebirth of the creation button, mindblowing yeaaaa?

yeetus feetus let's yeet your agreetus

Updated the terms and conditions + sick background image of accra, ghana!

Light work teehee

HUZZAH better dashboard yeah? Magik, had to pull off the preview somehow without triggering the performance drawbacks. HEY html5 in the big 2025 is still somewhat useful in its raw form haha

Okay um 9 mins in, was feeling lazy so thought i could let AI do this but this might just be HORRENDOUS

I highly suggest looking at the top right corner (that took around 20-30 mins LMAOOO)

I'm stoked, amazed by how EXCRUCIATINGLY PAINFUL IT IS to manage states and relate them with auth. Supabase is fire tho, it may say only 2 hours but i guarantee you at least 5 hours went by with me scratching my head on why my avatar buckets weren't working on supabase.

Here's an image of my profile page tho, you can upload your own picture and change your username now!

SOOO many loopholes in my authentication so i decided to zone in on that. Pretty sure auth is more secure and less wonky now

Nobody cares about a good idea if it doesn't feel nice to use. That's why i'm focusing on the UX aspects rn. Removed the descriptions of sections as they can see it on the PDF + they can edit it

HEEELLLL YEAAAH the pdf is live, didnt take that long tbh and i asked AI on which libraries to use. It was tryna get me to build the pdf using react components but i wanted a more custom option so after further probing. I found pdf-lib which is what i used to build the pdf, it dynamically renders itself :)

Unholy amounts of attention and hair grabbing have gone towards figuring out why my supabase wasn't taking any of my agreements. Turns out i had policies running in the background from my previous SQL so REALLY GLAD I COULD FIX IT. Also new stuff coming in, drag and drop type stuff + a pdf functionality!

I mean sure if you want to know what i've been doing. I finally perfected the auth...? made the routes secure (similar to how people who dont have access to bm, can't really access it even with the link) + makin tables on supabase for implementing the agreement system

Loads and LOAAAADS of supabase work going on rn, setting up the tables and everythin

When the landing page is down, the auth page must be constructed next soooo that's what i'm workin on rn. Not much on the front end yet tho

Alright let's get to work, a quick lil landing page. Just the beginning icl, nothing works or points towards anything yet tho

for all you quick voters out there dw i'll come and find you. I've included this warning especially for you guys

and with that i mark my final devlog. It really was a pleasure working on this project and i definitely gained alot of experience from this, definitely got better at javascript and python. For those who know me, I'm Alric Marvel the same guy who made the oncology project and is... famous for other things BUT let's keep that for slack.

For now, enjoy this small video of how the recording function works. Thank you guys for your time and happy voting!

felt cute so i thought i could let you guys download your speeches + the transcript and analysis data so that you guys can import and export at will muahahahahhaha it's not done yet tho

okay so remember how i shifted to a python based library for VAD? (idk if i told u guys). i went on a demolition spree with that, it was previously handled by the react front end so i nuked all the necessary code that i built ages ago. I also added a bunch of color coded stuff so you guys can know if your speech was good or bad without looking too much :D

ALSOOOOOOO here's a little video of me happily updating my server for the first time in what... idk but look at it

Made the boxes so big, you could see them from the moon hahaa

Was scratching my head but i finally fixed errors related to analysis, was calling the wrong property (the non globally declared one) instead of the globally declared one (insert whatever skull emoji you want from slack).

But hey it's starting to be really user friendly yoooo

I've added speech rate analysis to this, i'm trying to humanize this whole thing so it feels like they're speaking to an actual speech coach rather than a robot ngl. It's not easy to receive criticism on your speech no matter how constructive it is so when we humanize stuff, it becomes alot easier yeah?

Okay so i've removed a bunch of metrics, i'm gonna revamp the speech update metric tomorrow and have also fixed a couple of bus related to waveform.js that would throw errors everywhere xd

I've fixed the bugs related to the wavesurfer plugin, it refused to add the pause regions, weirdly enough most of the docs related to it were showing conflicting info on each version so i decided to roll it forward and use the doc which had info on an ENTIRELY different version. Turns out that worked lmaoooooo

Currently stuck in a very vile, cruel, humiliating error. It says it's undefined??? defo gonna sue wavesurfer devs for this

Bet you wouldn't expect viva la vida lyrics to be used to test my app's waveform function but HEY HERE WE ARE it's 2025 so we've to mix up our test data a bit uk what im sayin

i'm well under way to creating the waveform chart which im planning to use to display the pauses + intonation at some point BUT for now in the immediate future, pauses it is.

oh my goodness i think i actually figured out holy, a custom pitch analysis algorithm using parselmouth DAYUM, It's actually really reliable as well i'm so proud of myself. Math really does help lmfaooo

Please save me from parselmouth this thing is NOT for the weak. Python data analysis in general is alot of trial and error and i've been scratching my head as to why my values are so high. ai + obscure libraries is a recipe for disaster ~Mov

Also forgot to mention, i had this feature for a while now and i think i did mention it BUT i never talked about it at length in a devlog. Introducing recordings page where you can see upto 5mb's worth of your past recordings :D (speech rate is a placeholder in the recordings section at the moment, don't flame me)

the about and home page looked really desolate without any charming colors so what did i decide to do? SLAP ON SOME GLOW EFFECTS ngl it looks ai generated but i promise it's not

okaaay that may have taken alot more time than i anticipated but hey, was able to make a MAJOR update to my UI color scheme. It looks way cleaner + the orange and deep dark blue make a very nice combo hahaa

Didn't get to post a devlog because SoM was getting Ddosed or something not too sure. anyway i've decided to scrap gradients because people said it gave off vibecoded vibes

okay, now to replace my voice activity detection algorithm with an interesting little library from python (webrtcvad). It's time to be great, i'm halfway through the implementation and i hope it's gonna be worth the time

WOOP WOOP got the confidence score metric down (very amazing accuracy). let's hope i can continue with the same pace for the rest of the metrics muahahahahah

i'm just gonna hope that the metrics i've built rn can actually hold true for long speeches, they seem fine for minute long speeches but hey, time will tell

okay so i've found out AI is also not good at coding conditionals. Pain in the ukw im gonna say, anyway im sure you guys are bored of JUST coding updates so here's a 100% ai generated banner that i'll be using

Removed ALOT of sloppy comments from AI, i actually hate AI but oh well i'm glad i'm refactoring everything by myself

Spent some time focusing on the UI for mobile, if it's a full stack app i gotta cover all the bases yk what im sayin?

Motivation is a big aspect to improvement so i thought of giving a little push while logging in or registering. I've implemented a dictionary implementation that randomizes a bunch of preexisting quotes and displays them on a random basis. Here's a sick demo of that happening

Rise and shine guys, i just dropped an insane update where i hotfixed many components to ensure none of you guys send infinite transcription requests

Made the modular navbar, now works across all pages except the try it and login yessirrr. did this while im in a car btw

cheeky comparison between the old and new home page (new on top, old on the bottom). Surprisingly i made the new one by myself and the old one is by AI bro....

Wasted alot of time experimenting with different styles here and there ngl and I'M STILL NOT COMPLETE urgh at least there are no programming conflicts like there was when i used AI

Reformatted and restructured the about page, here's a video snippet to show how cleaaaan my code is now

Okay dayuuuum fresh look for the about page, minor tweaks here and there + fixed a few bugs. The usual uk?

It's starting to look VERY clean i'm very happy with it now

Ngl i dont like that AI has ruined my reputation, I've decided to stop all AI use as i've noticed many design inconsistencies and general ugliness in my code ngl... gonna be refactoring ALOT of my code

This is so beautiful i'm moved, the scrollbar has become global and my project is complete... for now maybe??

feeling like palpatine rn with my unlimited power

I'm definitely harvey specter the way these terms are smooth ashhh
and also i made a custom scrollbar if you look closely yippeee

terms and conditions why is it so hard to make there's so much to type and so much to edit i just don't like legal stuff man, this is all i could come up with for now

managed to shorten a 40+ line of code into just 5 haha, ai really CANNOT code

I'm sure you guys are tired of me refactoring my code but the thing is, there is beauty in simplicity. for example, this sick banner i developed

Unfortunately writing maintainable code is very painful but here's a funny snippet of me misunderstanding stuff. My time was spent removing the code pertaining to this mishap

Added renal cancer to the list of cancers supported by my app, also updated the readME

I've improved the test prescriptions, only recommending them upon the most stringent of factors. Ngl it feels easier without AI??

Not gonna lie, I'm starting to realize the demerits of using AI. Looked at most of my test prescription file and there were alot of unnecessary checks that i've manually removed. It's very taxing but hey at least i'm learning. Here is a code snippet that i've recently started sheering off.

It was getting confusing to figure out each section was (forgive me for my bad commenting skills) so i used claude to mark each section. Also made a few minor tweaks to the summary component so it's more professional

Need to avoid legal trouble so threw in a bunch of disclaimers and got rid of a few options that shouldn't be given to people trying to sue me and get some money (I'm broke bro)

boom okay i thought making devlogs voided my current ship but HEY guess who's back with a redesigned summary page. Made it simpler because i realized everything is better off minimalist with maximum functionality hahaaaaa

well i wish i avoided the apocalypse (horrific devlog timings) but in the past 3 hours of work I have tested, tested and more tested, i'm happy to announce that my project is done! (for now)

SoM had a few issues with their DB so didnt post a devlog but, a BRILLIANT new landing page for my oncology chatbot haha

Not gonna lie, the summary was a real headache for tabbing between files to pinpoint where the exact user response to certain questions were.

we made it through though, just took a light 2 hours and 45 minutes haha, the summary looks more complete i just need to add one more section and i can redeploy it for the hospital

For unknown reasons, some of my submissions dont take me to the next question. HOWEVER, i've already found the reason. I just forgot to import the ID of the next question smh

With the addition of these many questions for just two cancer types. I've also wanted to update my PDF summary as i believe that's the highlight of this project. It's the proof of the user's completion of the questions and hence, it must be the most refined and polished part of my project

Ran into a few bugs, mainly the fact that some of the flow was looping in on itself. The response objects weren't getting updated leading to my flow verification file believing no input was given yet so it kept resetting back to the same question

Turned all my handler functions modular as it was a hassle to manually update each one. This way the conversationFlow file is the one with the sole power to dictate the order of the chatbot questions.

Upon getting feedback from the hospital (and some of my medico friends). I've decided to expand the number of cancer types my project will cover. For now in the pipeline I'll be focusing on ovarian and gastric cancer

had some issues with implementing the profile tab but a solution appeared in my dream. Henceforth i shall commence working on DB integration. Currently it sends all the recordings to my DB but i need to work on fetching it based on the user credentials.

Managed to make the transcription faster, updated a few stuff on my python backend and built my own auth system instead of using auth0

Made a login page, planning to host all the audio recordings in MongoDB + Azure blob storage. It's looking cool! Gonna use the login page as a launchpad for a full blown authentication system

Successfully added a bunch of working speech metrics. A bit of a hassle to manage the authentication and the saved speech data. Was able to host everything on an Azure VM (yes including token decoding and the transcription). Shifted all calculations to the front end.

Better front end, improved cancer summary component. Had some weird react rendering issues but have successfully fixed them all

Website is complete, make sure to leave some kind words in the contact page haha

debugged a bunch of JS code because it bricked itself after i tried to add in fade transitions, added services + contacts. The contact form implementation was done using the help of App scripts on google spreadsheets

I've created the about me page and furnished it with my experience, skills and education

Created the page, implemented a few css rules for styling. Looks good! In the process of making a few transitions/animations

Refactored the code, Spread it out over several components to ensure good practices to implement future updates.

Next step: create an appealing landing page

What works: The main objective of the app (cancer screening) and recommend test prescription works perfectly

PS: A hospital has reached out to me and wants me to implement this for them (paid). Time to kick this project into overdrive then.

Fully setup the app, everything is complete and documented in the github. Picture shows a pdf output which is directly obtainable at the end of the chatbot flow

Developed the chatbot flow, to be continued