@manayp

So progress has been going good and I finished the JS and it does not fully work which is sad but it will be fixed.

So this whole time I have been testing my website in the vs code local server which was a BAD IDEA. Because when I tested it in a browser on chrome everything was off. The css is broken and also the HTML is which is normal in coding but THIS MUCH??.

Here you can see the images below. It most likely happened because I put everything in a block sort of format so I gotta change that in css and some classes in html have issues like they dont match.

Anyway lets see how it goes now…

The dictionary was broken according to the reviewers and I believe it was taking such a long time to load because it was pulling data from the apidictionary link so I changed it to the datamuse. This is what I think that happened. SO using claude for help I connected datamuse back to it and at first it did not work until I fixed another error (which was just spacing) and then I validated that the datamuse will work. And yes according to google it works and will continue to work.

BElow is the exact code that was added

IN the past 2 hours all I did was work on CSS and I had soo many bugs like my classes from html were not matching — which was super annoying because I had to keep going back. Next time I should prolly write it down somewhere and put easier class names instead of making it tooo complex.

I also worked on the cool background which blends various shades of blue in wards which is more cooler than full gradiency honestly.

I also made the butttons better and the page more organized (with all the figures).

Overall it is going prettyy well Adioss . Lemme know if u have any suggestions.

First of all yes I completed my html. In the past 2.5 hours I have been working on CSS bugs and new things. So first I have picked my background and all the font styles which I may change later if they do not seem to match.

I finished around 300 lines of css and had a BUNCH of issues will coding. For example creating the flute was much harder than I expected. I had to keep on testing where the holes go because a centimeter to far or two close messes up the whole orientation.

So for the holes I had to connect the html to this a lot because I needed it. For example look at the flute below the vertical lines were super hard to put in the right spot (and I made a few errors in spacing which AI helped me find). Another hard thing was the top hole which is oval because I had to measure that. It is still not super perfect but it is good enough for this.

Adioss

In the past 35 min I have still been working on and been doing html and on and off testing. I completed creating most of the classes and buttons for it but I ran into a GitHub difficulty again…it kept saying (which I have never even heard of) when I tried making a commit msg. So I tried for a good 3-4 minutes. And then I just restarted my laptop 😭😭😭. And then somehow it randomly fixed and all the offline commits I made just had to be pushed so I did that too.

I tested the html a lot of times from localserver and it looks amazinggg so far (in text only lol) . But now I gotta start the css and complete the Html, because I am not actually done yet.

In the bottom I am planning on adding a bansuri people can try…obviously it wont be like the real one but it will be good enough. (I just gotta figure out how to make the voice sweet and cool.

Adiossss

So in the past 1.5 hours I have been working on this new website which basically talks about the bansuri, which is my favourite instrument. And nobody really knows about it so I want to spread awareness to people on what it actually is.

It is an indian instrument and I have been writing the html code so far and I got what I have to do but I am just struggling with new stuff that I am not very good at like adding col but I am figuring it out.

Everyday morning in my school bus I mostly do the coding lol which gives me a good amount of time because yep its fun.

So far I have written around 200 lines of code (mostly offline bc I had no internet) and it went pretty well… but I still think there are many errors, though I will fix them in the future, IF I FIND THEM…

Anyway lets see how it goes.

In the last 40 minutes I just created the readme and I had a huge problem with github until I realized that I just have not pushed it lol.

So in my readme I included minor things like how much this means to me because this was my first py project ever and it worked out pretty well. I also talked about the dictionary/datamuse thing I used which was honestly very surprising to use because of how good it functioned.

Lastly I mostly gave credits to everyone who helped me in the journey of this and yeah I had a great time, except for the fact that it felt harder than Html lol. Anyways adioss ill see u again in my next project.

BTW i also leaerned how to create a release.

I did not think Python was this hard to start off with…especially with html and css I can write a bunch of lines like 10x faster. It took me SOO long to write these python lines.

Anyway I connected it to a dictionary with datamuse and now it should work much more efficiently because theres more word options. Because before I had to manually type them and I was too lazy to type a 3000+ word dataset. So yeah I did whatever I could do. With many youtube tutorials and a lot of failures I did it. But I could make it better.

I am trying to test it right now but theres like 2 errors because i forget an import and A LOT OF PROBLEM WITH SPACING.

But I am almost done I think. Anyway lets seee how it goes adioss.

This is my first python project that I am making on stardance. I am a beginner in python and I am currently learning while coding from someone named Mosh on youtube.

I decided to create a wordle sort of game but with twists (which I will think of). So right now already I finished 150 lines of code and was going to make the whole dictionary BUT…I realized it will take WAYY too long so why not connect the dictionary straight away instead of writing the whole dictionary out.

So in these 150 lines of code it was honestly a bit hard to start off with but it reminded me kinda about typescript and html for some reason in the logic aspect but its not that much like them. I had problems with making functions and connecting pages but then I realized its like Scratch lol so it got kinda easier.

So overall I need to change a lot including the code. Adios for now.

This is my last devlog and all I did was finish the code like there was a few lines left. It was mostly just about the questions because I had difficulty in writing them until I figured it out using onecompilor(testing platform).

Then I wrote the whole readme and it talks about small things like why I made this and I also wrote some stuff that were hard for me and various things I learned.

I also mentioned how to run it and the platforms that can support it which includes the main ones like chrome, firefox, and also safari.

Claude and a bit of Chatgpt helped me for the research and actually taught me some stuff. And another special thx to OneCompilor because it helped me test off vs code which was SOO helpful.

Finally I added future improvements that I thought of and even though there could be more I just wrote and created this much because I am still learning.

Overalll adioss and lemme know if u like it or what I can improve.

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.