@manayp

I completed a lot in the last 1.5 hours. So first I completed the diagram of all the arteries and the ventricles etc. It looks great but I had some issues so I did some outside testing using OneCompilor and chatgpt also tested it for me and gave me feedback.

I also completed the BPM signals thats connected to a fake ecg thats mirroring the tempo of the heart beats.

The four bpm signal tempos include: Asleep, resting, running and finally sprint. And It goes from very slow to very fast. I also added field notes with some data that basically talks about the heart and stuff.

Finally I started working on the facts and I had some issues here a bit in the css but then I realized it was one small easy error to fix.

So I am only gonna add 4 questions in the quiz which is honestly more than enough and if I need to add more later its easy so I will get feedback.

The css honestly needs fixing later it looks too meh.

So yep thats all cya and lets see what happenss.

For the past hour I fixed a few bugs and started the html. And yes I finished the css. This was a bad idea obviously because usually css is supposed to be done after html but its fine currently I am not struggling and it is going pretty well.

I fixed the title which was flipped because it was at 0.1em instead of -0.01em which caused it to be flipped in the wrong area.

I also completed the tempo area and the 4 different modes for the bpm now I gotta work on the ecg signals. I am having trouble figuring out how to add those waves but I’ll see and test various methods on ONECOMPILOR.com. I also fact checked all the research that is going to be added in this because it may be wrong because I got it from a book LOL.

Lets see what happens.

For the past hour I just fixed and added a bunch of stuff. So the css creates a heartbeat themed layout thats interactive and it has a pulse animation that beats which 4 different modes. And there are also radio buttons that change the global –beat speed using the body:has() and those Exact same radio labels update the beats per minute of the heart.

Also I fixed minor bugs in the css background which was shown in the first devlog and it stilll looks amazingggg.

I did the css before the html which is a VERYY bad idea and now its almost time for the html so lets see how that goes because I gotta eye ball it and connect it to the Css which may change some stufff.

Now lets see what will happen.

For the past half hour I being thinking what I was going to do and my colour scheme.

And then it hit me why I dont I make a website about heart awareness that also teaches people about the heart a lot. So I figured out the colour scheme and completed the root: colours. I also finished the background which is great and matches what I wanted it to look like.

So basically chatgpt helped me pick 2 colours which were basically just shades of red.

But I did not like them that much so I just chose this (pic below). Plus I finished the dark mode and light mode colour configuration and it looks… AMAZINGG.

In conclusion its going great so far.

This is 100% my last devlog.

So basically what I did is add a quiz option so the thing is I had no idea how to do that but with a bit of youtube and ai I figured it out and I create 10 questions by myself and then most of the code was repeating due to the questions so I just gave claude the questions and the write answers with example code of what I wrote and it just duplicated everything but with the right answers.

And then I completed the full CSS and the rest of the HTML. I used no JavaScript this time because I am not that good with it so I only used HTML for the logical part. And it is just a button which you can click with easy questions.

So overall everything is completed and the readme is updated.

This may be my last devlog. If you have any suggestions lemme know.

So basically what I did was completed my readme which took 2 hours because I added a huge amount of data. I talked about a lot including what I learned, how it all started, how to run it, and even features.

I also changed the font style because of a recent suggestion and I changed it to comic sans because it is nice and soft but claude helped me in finding the code lines because at that time it was super unorganized.

Overall I may add a small mini game at this point to make it more fun but otherwise my readme is done for now.

SO what I did was added a key signature which can be changed so scales can be changed. For example you can change the scale from C to D which will change its whole tone.

Claude helped me with a bit of the logic and I did the whole css and html portion of it, but just for the logic claude helped me on some of it because it involved sin and tan.

Overall I love the colour scheme and now Ima go onto the readme which is gonna be PACKEED with detail because my old projects kept complaining about that.

Soo stay tuned for the readme.

For the past 30 minutes I have just been changing the background because the orange was superrr ugly so personally I like space and the sky so I made it blue.

Using css I also added snow flakes which are kind of light. So I updated the root with various shades of blue and also updated 5 to 6 colours in the root.

Now it looks amazing especially the shadow coming from the top left of the screen to the bottom right. So it goes from white to light blue in the corner. I controlled majority of this by changing the background-image.

So yes everything is going well.

Next I am gonna add another tool or possibly make this one better. Lettss see.

I added a hum function so when some hums it puts notes on the screen but the problem is that you have to hum each note slowly because it wont detect properly.

I also did the css for it by myself which was not too hard but the only thing I had a bit of issues from was the javascript so claude helped me in it and then I had a issue with the scripts which was 1000% my fault. In the last couple of lines in js I decided to do it myself and I forgot to close the so that took a while to fix lol.

Overall it is going well and I am thinking of adding more.

So far I worked on my javascript and I did 30-40 lines which were not that hard but then I struggled on the harder part of javascript so claude helped me A LOT and youtube to.

And I spend like 30 minutes fixing and changing the CSS and now it looks better, well mostly the buttons. Now when you hover it has a shadow and the colours are way less better in hovering.

It looks ugly still I know and I want to change the theme again lol but now right now first I gotta figure out and read the WHOLEEE javascript again. So lemme get reading.

Letss see what happens ima fix these bugs and eventually change the theme.

Adioss.

Currently I have huge issues in javascript and html primarily because it does not load right now as you can see in the pic below.

I finished the HTML part and for now it is less around 60-70 lines but I am going to add more later as soon as I recieve more ideas.

I also figured out the sound of the play button which is going to be the built in ones, which include sine, triangle, square and sawtooth.

These 4 honestly sound good enough so I picked them. And the note lengths I set it to was again 4 options which include whole, half, quarter, eigth. And honestly this is enough because this is not made for complexity or anything.

I also created buttons which are rest, undo, clear, save, and load. ALL of these is without the logic though so it does not work yet.

Below I added a pic of how it looks and the colours look soooo odd especially when I hover over the buttons lol Ill fix that.

Anyway for now ima work on the logical (JS) part adioss.

I worked on css and fixed a few bugs that were minor. So I am trying out a new look so that will be prettyy cool.

But honestly I also need AI because some stuff I neeed is a bit to hard but thats fine ill learn it though first on youtube and stuff. Letss see how it goess.

Now i am moving onto the main html

adioss.

Hi this is my first devlog so basically what I did was start the css before the html because I have an idea of what I am gonna do and I also picked root colours.

So I am inspiring this from one of my old projects but I am adding way more because the old project was good but it couldve been more creative so I am restarting and changing the colours and majority of the logical aspects of this.

And I wanna make the buttons more fun and creative so I need to do something about that and add extra cool css when someone hovers over a button and overall it will be pretty good but my buttons are usually not creative but nows the time to make it creative possibly with some glassmorphism….

Next I’ll keep working on the css and keep making it better rn im like 40-50 percent done honestly but I still gotta make the buttons creative so that will take time bc i dont really know how to do that yet

KiCad schematics. Rest commited into github.

So first of all yes I finished my readme. By finished I mean updated because I added tools.

There are 6 distinct tools I created which are in indian style and it works pretty well. I also learned some new stuff from claude like I didnt know too.

I learned some stuff in this long session like I never knew that if you set the opaqueness to 1.2 instead of 1 it will be dead code because apparently 1 and 1.1 is the same thing which to be honest is fairly the same. Lol I know this is kinda lame but for some reason it surprises me a lot.  I also learned what npm run build does…according to claude it means it checks errors and stuff which personally for some reason I did not know that either…

In my project theres some dead space in some areas of the tools pages but thats fine because tbh I was aiming for that because to show its simplicity and stuff lol.

The biggest thing that stumped me though was the error in toolspage.tsx…. it says theres an error with the connection of the pages but I think its just a glitch because its all connected right with all the files in the right space so overall I just think thats an error or a glitch.

Special thx to claude and vs code suggestions because they helped me learn stuff and made my life easier and possibly faster in some sorta of way so thx. Claude and vs code and github copilot also helped me push my files faster and more efficient so thx.

Overall this is my last devlog and I had a great time making this and it went really well (at times lol) and if you guys like this make sure to possibly follow and like some of my devlogs and if you dont then contact me in slack if you have anything I should change or add or even fix lol.

Thanks and adioss.

So I did 115 ish lines for the tuner and claude did like 50-65 percent of it because mostly it was repeats of other stuff but also a bit of new stuff in it especailly the logical part of it.

So this was actually my second last file so I juse gotta finish the CSS for everything and I am going to be done.

Also I found out that the <ToolShell function that I created had glitches or idk something was happening but I fixed it and realized it was a spelling mistake lol. I spend 3 min on solving that so its fine…

Ok so the tuner I was working on is basically going to do exactly what your thinking of its going to tune instruments or even your voice using cents which is a thing for tuners that shows its close or far.

Overall its going veryy well so lets see if my css goes well or not adioss.

So basically I am almost done…

So all my files for the extra tools were supposed to be much more longer but because I do not wanna spend too much time on this project I shortened each file by 200 ish lines with the help of Claude and my wits.

So I finished all the tools so far, but I just have like one more left. And I also have to do the CSS which I have to make so that will take some time.

During this phase, I worked on improving the whole SarSynth interface, designing a dark theme with gold accents and creating the whole layer of UI elements which feels stable and high-performance. I defined the CSS variables for the whole interface, its colors, font styles, and panel styles, made the camera backdrop with mirrored video and vignette with smooth transition of opacity. Top bar design took much of my effort, as I designed the fields with labels, custom selects with gradients and arrows, hint texts, buttons with icons and Devanagari tanpura switch with activated and inactive states. After that, I added the pose list functionality with glyphs for melody and expression, mono-font labels and muted notes. Readout part and the layout as a whole received tuning of spacing and blur effect, and at the same time, I was solving various irritating problems such as proper placement of select-element arrows, right background for backdrop, and visual matching of components.

Overall I believe I am 80 percent done the tools code and everything but that will all be resolved and established soo adios cya in my next log…..

Hii so all I did was just fix my readme because I was unaware AI is not aloud for that so I just changed everything into my own words and removed the ai text in my images. I also figured out that I told everyone how to run my project wrong so lol I fixed that.

Some of my images arent aligned like the 2 images with the list but thats fine its just the bomcsv and a few electrical components and comments.

So yes my readme and everything is finallly done.