The latest articles on DEV Community by Charles (@ducdev_29). https://dev.to/ducdev_29 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%2F601358%2F9eab7bd3-bb94-442d-8588-8897082f0a98.jpeg https://dev.to/ducdev_29 en Charles Fri, 22 Nov 2024 05:04:13 +0000 https://dev.to/ducdev_29/spext-a-web-app-that-helps-international-students-study-better-321h https://dev.to/ducdev_29/spext-a-web-app-that-helps-international-students-study-better-321h <p><em>This is a submission for the <a href="https://dev.to/challenges/assemblyai">AssemblyAI Challenge </a>: Sophisticated Speech-to-Text.</em></p> <h2> What I Built </h2> <p>Spext is a web app that helps international students study better when they are struggling to keep up with lectures because of the language barrier. Spext can</p> <ul> <li>Convert audio to text</li> <li>Translate audio to your language</li> <li>Convert and translate stream audio to text (Coming soon)</li> <li>Sumarize the audio (Coming soon)</li> <li>Ask questions about your audio data (Coming soon)</li> </ul> <h2> Demo </h2> <p><a href="https://spext-ruby.vercel.app/" rel="noopener noreferrer">https://spext-ruby.vercel.app/</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fofvccsqjj4294d99ubhg.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fofvccsqjj4294d99ubhg.png" alt="Image description" width="800" height="450"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxab3gihor17ngwfujxjx.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxab3gihor17ngwfujxjx.jpg" alt="Image description" width="800" height="450"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foz9zdskpeb67iw4ntbfy.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Foz9zdskpeb67iw4ntbfy.jpg" alt="Image description" width="800" height="450"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feorfffqb351wf6k72q9o.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feorfffqb351wf6k72q9o.jpg" alt="Image description" width="800" height="450"></a></p> <h2> Journey </h2> <p>My technical stack is:</p> <ul> <li>NextJS for UI</li> <li>Firebase for authentication</li> <li>AssemblyAI’s Speech-to-Text Model APIs to convert audio to text</li> <li>An API to translate the language</li> <li>Vercel for hosting</li> </ul> <p>I use Universal-2, AssemblyAI’s Speech-to-Text Model APIs to convert an audio to text<br> Then I create a feature which translates the converted text into the language that the user is fluent. Currently, I support 26 languages</p> <p>In the future:</p> <ul> <li>I plan to develop a feature for real-time translation, allowing students to understand lectures as the instructor speaks instead of having to rely on recordings.</li> <li>I will support translation into more languages and make it more natural and human-like.</li> <li>I’ll create features to summarize audio, ask questions about its content, and generate flashcards based on the audio. &lt;!-- Tell us how Universal-2, AssemblyAI’s Speech-to-Text Model was incorporated in your application. --&gt;</li> </ul> devchallenge assemblyaichallenge ai api Charles Mon, 14 Oct 2024 06:39:40 +0000 https://dev.to/ducdev_29/web-app-to-study-effectively-with-flashcards-space-repetition-images-and-audios-2p21 https://dev.to/ducdev_29/web-app-to-study-effectively-with-flashcards-space-repetition-images-and-audios-2p21 <p><em>This is a submission for the <a href="https://dev.to/challenges/pinata">The Pinata Challenge </a></em></p> <h2> What I Built </h2> <p>I build a website to study efficiently with flashcards and space repetition technique. Moreover, I also use images and sounds to make memorization much faster and more effective. </p> <h2> Demo </h2> <p><a href="https://leo-flashcards.vercel.app/" rel="noopener noreferrer">https://leo-flashcards.vercel.app/</a></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffgi0nhch7ztge5bs10bc.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffgi0nhch7ztge5bs10bc.png" alt="Image description" width="800" height="513"></a></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7kw0rad5v7oohjkxdgv1.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7kw0rad5v7oohjkxdgv1.png" alt="Image description" width="800" height="513"></a></p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsdqcp3xu4b5ke1tno14p.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsdqcp3xu4b5ke1tno14p.png" alt="Image description" width="800" height="513"></a></p> <h2> My Code </h2> <p><a href="https://github.com/duc-dev/leo-flashcards" rel="noopener noreferrer">https://github.com/duc-dev/leo-flashcards</a></p> <h2> More Details </h2> <p>I use Pinata to store audios and images</p> devchallenge pinatachallenge webdev api