The latest articles on DEV Community by Daniel Marques (@dlmarques). https://dev.to/dlmarques 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%2F820251%2Ff4778bbf-bdbc-445f-8a48-07b1f741d32b.png https://dev.to/dlmarques en Daniel Marques Mon, 03 Mar 2025 17:52:40 +0000 https://dev.to/dlmarques/how-i-built-an-ai-powered-learning-app-learninfive-4pfk https://dev.to/dlmarques/how-i-built-an-ai-powered-learning-app-learninfive-4pfk <p>Hi everyone!</p> <p>I recently built an open-source project called LearnInFive, and I wanted to share the journey of how I built it, the challenges I faced, and what’s next for the project.</p> <h2> What is LearnInFive? </h2> <p>LearnInFive is a simple AI-powered web app that generates a new Computer Science or Programming concept every day and explains it in a way that’s easy to understand. It provides:</p> <p><strong>Definitions:</strong> Clear and concise explanations.<br> <strong>Real-world analogies:</strong> To make concepts relatable.<br> <strong>Code examples:</strong> In multiple programming languages.<br> <strong>Mini-quizzes:</strong> To validate your knowledge.</p> <p>The idea is to make learning quick and accessible—just 5 minutes of your day is enough to learn something new or refresh your memory.</p> <h2> Tech Stack: </h2> <p><strong>Frontend:</strong> React, TypeScript, Zustand, TanStack Router, TanStack Query, Chakra UI, Vite<br> <strong>Backend:</strong> Node.js, Express, TypeScript, MongoDB<br> <strong>AI Model:</strong> OpenAI API (GPT-4o-mini)</p> <h2> Challenges I faced: </h2> <p><strong>Integrating AI:</strong> Ensuring the AI-generated content is accurate and engaging.<br> <strong>Performance:</strong> Since I’m using free-tier services, there are occasional delays in loading.<br> <strong>Designing for simplicity:</strong> Making the UI intuitive and user-friendly.</p> <h2> What’s next? </h2> <p>I plan to expand LearnInFive to cover more topics (e.g., science, math, sports) and improve the app’s performance.</p> <p>Try it out!<br> Check it out here: <a href="https://learninfive.dev" rel="noopener noreferrer">LearnInFive</a><br> GitHub repos: <a href="https://github.com/dlmarques/learninfive-client" rel="noopener noreferrer">FE</a> | <a href="https://github.com/dlmarques/learninfive-server" rel="noopener noreferrer">BE</a></p> <p>I’d love your feedback and ideas for improvement! 😊</p> webdev programming ai computerscience