The latest articles on DEV Community by Igor Luiz Halfeld (@igorhalfeld). https://dev.to/igorhalfeld https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F238452%2F0d91928d-db9f-4794-8326-680629c49db8.jpg https://dev.to/igorhalfeld en Igor Luiz Halfeld Mon, 15 Apr 2024 03:50:16 +0000 https://dev.to/igorhalfeld/english-tutor-speak-and-get-instant-feedback-about-your-vocabulary-f7o https://dev.to/igorhalfeld/english-tutor-speak-and-get-instant-feedback-about-your-vocabulary-f7o <p><em>This is a submission for the <a href="https://dev.to/devteam/join-us-for-the-cloudflare-ai-challenge-3000-in-prizes-5f99">Cloudflare AI Challenge</a>.</em></p> <h2> What I Built </h2> <p>I built an app that you can SPEAK directly in the browser and get instant feedback about your vocabulary by talking with "english tutor"</p> <p>This app can easily become a micro saas, where you ask about the language the customer wants to learn and get paid by use.</p> <h2> Demo </h2> <p>Link to <a href="https://www.youtube.com/watch?v=es9RQaPi7jA">video demo 🚀</a></p> <p>Link to <a href="https://englishtutor.pages.dev/">live demo 🤙🏻</a></p> <h2> My Code </h2> <p>Here is my code: <a href="https://github.com/IgorHalfeld/englishtutor">https://github.com/IgorHalfeld/englishtutor</a></p> <h2> Journey </h2> <p>I live in Brazil and here a lot of people don't practice speaking so I built this app to use AI to help them enhance english skills.</p> <p>AI Models used:</p> <ul> <li><code>@cf/openai/whisper</code></li> <li><code>@cf/qwen/qwen1.5-0.5b-chat</code></li> </ul> <h2> Feedbacks to Cloudflare </h2> <p>This is my first time using CF Worker and I know how important it is to get feedback from customers, so here is mine:</p> <ul> <li><p>Workers DX are not good<br> The best way I found to make this work great was by using Honojs</p></li> <li><p>1MB to deploy a frontend is not enough<br> I faced this trouble when deploying Nuxt app, so I made a <a href="https://github.com/IgorHalfeld/englishtutor/tree/main/.output">workaround versioning static generated files</a><br> <em>As you can see by the source code above, it's a really simple app to get this message about the size</em></p></li> <li><p>Whisper could have a parameter to pass the language<br> If I could define the language I'm speaking this would not happen<br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuh5dtvw935h6rnutfgu4.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuh5dtvw935h6rnutfgu4.png" alt="error screenshot" width="800" height="520"></a></p></li> <li><p>Generic errors from wrangler commands when using AI Workers<br> Errors like "Unknown internal error" happened multiple times</p></li> </ul> cloudflarechallenge devchallenge ai