The latest articles on Forem by esteban mo (@esteban_mo_3af943dd5d7939). https://forem.com/esteban_mo_3af943dd5d7939 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%2F3660731%2F44ef104f-5653-45a2-822e-7c54b58148d5.jpg https://forem.com/esteban_mo_3af943dd5d7939 en esteban mo Sun, 14 Dec 2025 09:56:23 +0000 https://forem.com/esteban_mo_3af943dd5d7939/i-built-7-production-apps-in-7-days-as-a-17-year-old-developer-278a https://forem.com/esteban_mo_3af943dd5d7939/i-built-7-production-apps-in-7-days-as-a-17-year-old-developer-278a <p><em>A week ago, I was a complete beginner staring at a blank screen, unsure where to start. Today, I have 7 fully deployed apps and a portfolio that’s ready for clients.</em></p> <h2> 📊 What I Built </h2> <h3> Day 1: Portfolio Website </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/portfolio" rel="noopener noreferrer">Portfolio Website</a></p> <h3> Day 2: Todo App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, localStorage<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/todo-app" rel="noopener noreferrer">Todo App</a></p> <h3> Day 3: Weather App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Weather API<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/weather-app" rel="noopener noreferrer">Weather App</a></p> <h3> Day 4: Scientific Calculator </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/calculator" rel="noopener noreferrer">Scientific Calculator</a></p> <h3> Day 5: Movie Search </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, OMDB API<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/movie-search" rel="noopener noreferrer">Movie Search</a></p> <h3> Day 6: Notes App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Marked.js, localStorage<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/notes-app" rel="noopener noreferrer">Notes App</a></p> <h3> Day 7: Personal Blog </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Marked.js<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/blog" rel="noopener noreferrer">Personal Blog</a></p> <h2> 🎯 Strategy That Worked </h2> <p>1️⃣ AI-powered learning (Claude, Ollama, Cursor)<br><br> 2️⃣ Build every single day<br><br> 3️⃣ Deploy everything (Vercel + GitHub)<br><br> 4️⃣ Build in public </p> <h2> 💡 Lessons Learned </h2> <p>✅ HTML/CSS/JS fundamentals<br><br> ✅ API integration &amp; async<br><br> ✅ Git + deployment basics<br><br> ✅ Debugging, consistency, shipping </p> <h3> Meta Skills Learned </h3> <p>✅ How to leverage AI effectively<br><br> ✅ How to debug without frustration<br><br> ✅ How to ship fast even if imperfect<br><br> ✅ How to maintain daily consistency </p> <p>💬 I’d love to hear from fellow learners! Which project would you try building first?<br><br> 🔗 Follow my journey on GitHub: <a href="https://github.com/estebancreate" rel="noopener noreferrer">estebancreate</a></p> <h2> 💼 Freelance / Collaboration </h2> <p>📧 <a href="mailto:esteban.create@outlook.com">esteban.create@outlook.com</a><br><br> 🌐 <a href="https://github.com/estebancreate/portfolio" rel="noopener noreferrer">Portfolio</a><br><br> 💻 <a href="https://github.com/estebancreate" rel="noopener noreferrer">GitHub</a></p> 100daysofcode buildinpublic webdev indiehackers esteban mo Sun, 14 Dec 2025 09:56:23 +0000 https://forem.com/esteban_mo_3af943dd5d7939/i-built-7-production-apps-in-7-days-as-a-17-year-old-developer-p6o https://forem.com/esteban_mo_3af943dd5d7939/i-built-7-production-apps-in-7-days-as-a-17-year-old-developer-p6o <p><em>A week ago, I was a complete beginner staring at a blank screen, unsure where to start. Today, I have 7 fully deployed apps and a portfolio that’s ready for clients.</em></p> <h2> 📊 What I Built </h2> <h3> Day 1: Portfolio Website </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/portfolio" rel="noopener noreferrer">Portfolio Website</a></p> <h3> Day 2: Todo App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, localStorage<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/todo-app" rel="noopener noreferrer">Todo App</a></p> <h3> Day 3: Weather App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Weather API<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/weather-app" rel="noopener noreferrer">Weather App</a></p> <h3> Day 4: Scientific Calculator </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/calculator" rel="noopener noreferrer">Scientific Calculator</a></p> <h3> Day 5: Movie Search </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, OMDB API<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/movie-search" rel="noopener noreferrer">Movie Search</a></p> <h3> Day 6: Notes App </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Marked.js, localStorage<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/notes-app" rel="noopener noreferrer">Notes App</a></p> <h3> Day 7: Personal Blog </h3> <p><strong>Tech:</strong> HTML, CSS, JavaScript, Marked.js<br><br> <strong>Link:</strong> <a href="https://github.com/estebancreate/blog" rel="noopener noreferrer">Personal Blog</a></p> <h2> 🎯 Strategy That Worked </h2> <p>1️⃣ AI-powered learning (Claude, Ollama, Cursor)<br><br> 2️⃣ Build every single day<br><br> 3️⃣ Deploy everything (Vercel + GitHub)<br><br> 4️⃣ Build in public </p> <h2> 💡 Lessons Learned </h2> <p>✅ HTML/CSS/JS fundamentals<br><br> ✅ API integration &amp; async<br><br> ✅ Git + deployment basics<br><br> ✅ Debugging, consistency, shipping </p> <h3> Meta Skills Learned </h3> <p>✅ How to leverage AI effectively<br><br> ✅ How to debug without frustration<br><br> ✅ How to ship fast even if imperfect<br><br> ✅ How to maintain daily consistency </p> <p>💬 I’d love to hear from fellow learners! Which project would you try building first?<br><br> 🔗 Follow my journey on GitHub: <a href="https://github.com/estebancreate" rel="noopener noreferrer">estebancreate</a></p> <h2> 💼 Freelance / Collaboration </h2> <p>📧 <a href="mailto:esteban.create@outlook.com">esteban.create@outlook.com</a><br><br> 🌐 <a href="https://github.com/estebancreate/portfolio" rel="noopener noreferrer">Portfolio</a><br><br> 💻 <a href="https://github.com/estebancreate" rel="noopener noreferrer">GitHub</a></p> 100daysofcode buildinpublic webdev indiehackers esteban mo Sun, 14 Dec 2025 03:34:19 +0000 https://forem.com/esteban_mo_3af943dd5d7939/my-first-two-projects-as-a-17-year-old-developer-370i https://forem.com/esteban_mo_3af943dd5d7939/my-first-two-projects-as-a-17-year-old-developer-370i <h1> Day 1 – Portfolio Website </h1> <p>完成内容：</p> <ul> <li>创建第一个 Portfolio 网站（HTML）</li> <li>本地成功运行 index.html</li> <li>项目目录存在：~/projects/portfolio</li> <li>使用 Git + Vercel 完成首次部署</li> <li>获得公网访问链接（Production）</li> <li>已保存书签 + 备忘录</li> </ul> <p>Production 链接：<br> <a href="https://portfolio-iv861u7mk-estebans-projects-fe2179f1.vercel.app" rel="noopener noreferrer">https://portfolio-iv861u7mk-estebans-projects-fe2179f1.vercel.app</a></p> <h1> Day 2 – Todo App </h1> <p>完成内容：</p> <ul> <li>创建 Todo App 项目：~/projects/todo-app</li> <li>使用 HTML + JavaScript 实现： <ul> <li>添加 Todo</li> <li>删除 Todo</li> <li>完成状态切换</li> </ul> </li> <li>使用 localStorage 实现数据持久化</li> <li>页面刷新 / 重开数据不丢失</li> <li>成功部署到 Vercel Production</li> </ul> <p>Production 链接：<br> <a href="https://todo-p3ncljjku-estebans-projects-fe2179f1.vercel.app" rel="noopener noreferrer">https://todo-p3ncljjku-estebans-projects-fe2179f1.vercel.app</a></p> webdev javascript html beginners