@manayp

In general, the described scenario was highly challenging. All features were properly implemented, and the design and color scheme were modified to a red-yellow configuration. Nevertheless, the process of working with a speech feature has taken a lot of time and resulted in multiple issues. The situation where the speech function ceased to work remains unexplained and worrying.

During two or three hours, I tried to figure out what the issue was with my assistant, but all my solutions failed. In addition, I tried several functions to find the one that would work, but nothing worked. Finally, I managed to solve the problem when I realized that the issue was not on my side but on the browser’s side since the speech output in my browser did not function correctly.

I decided to try the program in Safari, and everything started to work fine. What surprised me was that the code worked fine on the phone. Thus, the problem was in the browser. However, as mentioned above, this project also involved a great number of challenging tasks and unanticipated issues. For instance, a long procedure was required to connect an API key, during which I faced multiple obstacles that I managed to overcome due to the help of an AI assistant and my own time investment.

Hence, the project was fruitful but included many issues on the way. :OVERALL THE BACKGROUND FEATURE IS MY FAV Lol

The progress is going very well recently. I have finished all the core logic of this project, and I had a tremendous amount of fun doing that. I did a lot of research work and testing, and with the help of AI, I automated a lot of tedious work of rewriting and translating. Instead of spending hours trying to find the right phrase, I could focus my time and effort on actual development of the product.At this point, I think that the product is about 75%-80% complete. The major part of the work is done, and what is left is relatively simple, though time-consuming. The next big step is to add the functionality of listening and dictating. This will allow the web application to receive input from the user via voice. With that, the app’s functionality will be complete, and only some final polishing and logic tweaks will be needed to complete the project.I am very satisfied with the progress I made recently, and I am looking forward to working on the project in the future. Most challenging tasks are done, and the remaining ones are relatively simple.

I have finally completed all the phrases, vocabulary, and the Spanish and French portions, and to be frank, I was able to do that thanks to the AI tools. Firstly, I arranged everything into one neat document so I could easily work with the data. Then, Claude aided me in moving forward in some of the coding parts so I had a good basis for the rest of the work. Then, I did the rest of the job on my own. As for the pronunciations, I looked it up on Google, while the bulk of the work – the translations and polishing – was done by the AI. Additionally there was many errors but then I figured out the issue was one { out of place lol. Overall its going good so far and way faster then I thought it would. I also saved it with local history etc.

For the Spanish and French vocabulary, phrases, and pronunciation components, I’m planning to combine Google Translate with AI‑based language tools. Since I’m not fluent in either language, these tools will help ensure accuracy and consistency. My role will be to design and structure the entire architecture for those sections – the logic, the flow, and how everything connects – while the AI systems handle the actual generation of translations and pronunciations.I’m still checking whether Google Translate provides reliable pronunciation outputs; if it doesn’t meet the standard I need, I’ll switch to another AI model like Claude to fill that gap. Either way, the core idea is that I’ll build the framework, and the language tools will supply the linguistic content.

I finished majority of the logic in the website and now everything works so far but I would say I am like 45-50 percent done because I still have to code the css and other parts of it. I also downloaded local host to track my progress. And now comes the tough part…I gotta add all the phrases in the different languages etc so that the users can use it etc with the phrases and everything. “Greetings 👋”:[ [“Bonjour”,“Hello / Good morning”,“bon-ZHOOR”],. I am going for a colourful tone because I want it to look fun and after i am done this I am going to add an thats possibly powered by hackclub which will make everything more easier and good to learn. Ai is also helping me with a few things like blocks etc.

Currently I am working on making tabs for each part and for now I am doing all these in the screenshot below and also instead of getting emojis manually I lowkey just asked ai to generate me the emoji and it gave it to me which was faster and more efficient. I also learned what non breaking spaces are or for short known as  ! . Overall in these last 20 min ive learned a good amount and I have coded like 60-80 lines of code which is pretty nice and I am looking forward to add more and if I would have to guess I am like 26.873 percent done lol but its fine the rest is pretty straight forward after I finish the logical aspects of the code.

Currently I am working on the html part and I made different functions which so far include phrases, flashcards, quizes and possibly games. With a bit of ai I learned some more aspects in css and they also helped me code like 200-300 lines of code. So my next goal is honestly adding more and more and adding a language switcher function which can switch languages for me so basically kinda like duolingo but mine is gonna be more fun because I am going to try to add more stuff. PLUS I added a progress function, which is honestly helpful for individuals that wanna lock in and learn with efficiency and effectivity.

Ai helped me a lot with debugging and fixing small errors. SO I finished like a lot of html atleast 100 or 200 lines of code and it is going good so far but I also wasted time in trying find out what phrases to put in and in the future I was possibly gonna put a tutor entirely powered from ai using the hackclub api which will be a stretch but its fine and I will try to apprehend these aspects.

I am trying to create a french website that will help individuals learn french and ill add a spanish feature too with it so basically it will teach both french and spanish. Currently I started with the french and I am done around 40 lines of html but I may have to restart and also I learned new things like “antialiased” which is a term I learned from the github copilot which was nice… next I wanna keep working on the html and making everything good. I also connected github and downloaded Localhost so none of my code gets deleted or anything in the future.

I finally finished all the games plus the css and everything works well, but there is minor css issues but I just fixed them before I posted this, which is good. All the games are ready and I even tested it and I feel like it will be easy to learn because I tried it and it is only for the basics. The readme is also fully completed ( I wrote a good amount ). I also researched a lot using ai like claude on translations and stuff and yeah I believe I created a basic foundational website…hope you guys like it!

Currently I finished most of the css and I think I am around 45-55 percent done. I completed the home pages css and claude translated english to spanish for me and added the Spanish voice that google has built in. And these are the games I am choosing which are pretty good games in my opinion and are pretty fun especially in learning. The next thing to do is actually make the games and to be honest I started but there are sooo many bugs. AND THE BACKGROUNDS ARE CHANGEABLE if you press the green button in the corner which is pretty cool and it lowkey looks good especially the spain flag. Overall I am ready to finish all the games…wish me good luck.

I added the country pictures (around 5 countries) and I started coding the html. Overall I ran into a few errors but I fixed them. But the craziest error was I forgot to add a “;” which wasted a lot of time for me because I was keep figuring out what I did wrong and stuff. I also started some of the games like the matching game and a few other ones which I will talk about in the next devlog… I also started some of my css and readme even though its a bit early for it but its fine.

I am trying to make a spanish learning website with games and a bunch of other things and currently in this past hour I worked on the background and the foundation of this project and I had a idea to have 5 background which include 5 spanish countries that get controlled from the button below which you can change. Now I have to create all the games etc and more.

These 2 features are finally completed and initially I thought this would be the easiest part but it lowkey wasnt because I had to connect 2 different aspects into one singular thing. Overall this works very well, now I just gotta see if everyone else likes it so have fun with it and if you have any feedback lemme know.

The control system is finally done with no errors and I added 4 instruments because that was the only thing i could find and I took inspiration from other voice control apps like gemini and more to see how the system works so overall I believe this is good plus i tested it like 6-7 times so yeah. THE CSS for the whole app is kinda trash right now so ima fix that

SheetNote began as a flashy “space website” with star fields and comet trails, and later became a single file comic sans music utility with a click-and-play piano, live SVG staff, web audio playback, metronome, and basic text notation, all contained within sheet-music.html (complete with pitch data for C4-B5, measure-wrapped staff drawing, oscillated playback scheduling, highlight synchronization, and localStorage save/loading); once that was done, I removed the notations section, save loading UI, and help tab in order to streamline the application, dubbed SheetNote, created a README file, and now have a functional end-to-end application with a few bugs yet to be fixed, such as the overly-aggressive playback stopping, approximate metronome timing, lack of sharps and flats, fixed staff row size, mobile layout missing, and placeholder rest icons. So, overall I finally finished it but theres still some errors so ima fix that…

I finished creating the whole website. Because I like playing the bamboo flute I also added recordings from there so people could try if they are too lazy to record themselves. So in my free time I played shape of you and some other random tune and named them shape.mp3 and shape1.mp3. And I reworked the css and add a history scale and metronome that only reaches 240 and I added a better confidence level scale and the A4 hertz tuning (currently its set to 440 but anyone can change it). I also added a dark mode and light mode which kept crashing so claude helped me and that itself took 1 hour to debug so yeah. Finally I added shadows under all the text and made the top red and the bottom blue but it varies.