Frapanol

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.