The latest articles on DEV Community by SergioHerrera22 (@sergioherrera22). https://dev.to/sergioherrera22 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%2F2978283%2F9ea20d39-b79d-4994-af2e-25ed8f4b9534.png https://dev.to/sergioherrera22 en SergioHerrera22 Tue, 06 May 2025 11:30:53 +0000 https://dev.to/sergioherrera22/mi-primer-proyecto-web-sago-pintureria-1n2h https://dev.to/sergioherrera22/mi-primer-proyecto-web-sago-pintureria-1n2h <p>¡Hola comunidad de dev.to!<br><br> Quiero compartir con ustedes mi <strong>primer proyecto web completo</strong>, desarrollado como parte del curso de Full Stack Developer en Coderhouse. Se trata de una <strong>tienda online funcional</strong>, inspirada en mi lugar de trabajo real: <strong>SAGO Pinturería</strong>.</p> <h2> 🧰 Tecnologías utilizadas </h2> <ul> <li>🟦 <strong>HTML, CSS y JavaScript</strong> </li> <li>📱 <strong>Bootstrap 5</strong> para responsive design </li> <li>🗃️ <strong>Git y GitHub</strong> para control de versiones </li> <li>☁️ <strong>Vercel</strong> para el despliegue</li> </ul> <h2> ✨ Funcionalidades destacadas </h2> <ul> <li>🎯 Carrusel de productos destacados</li> <li>🧩 Secciones de categorías dinámicas</li> <li>🆕 Listado de productos nuevos con etiquetas</li> <li>❓ Preguntas frecuentes tipo acordeón</li> <li>💬 Testimonios reales simulados</li> <li>📱 Diseño completamente <strong>responsive</strong> </li> </ul> <h2> 🔗 Enlaces del proyecto </h2> <ul> <li><p>🌐 <strong>Demo online</strong>:<br><br> <a href="https://sago-pintureria-git-main-sergio-herreras-projects-d03a054b.vercel.app" rel="noopener noreferrer">https://sago-pintureria.vercel.app</a></p></li> <li><p>💻 <strong>Repositorio en GitHub</strong>:<br><br> <a href="https://github.com/SergioHerrera22/sago-pintureria" rel="noopener noreferrer">https://github.com/SergioHerrera22/sago-pintureria</a></p></li> </ul> <h2> 🧠 Lecciones aprendidas </h2> <p>Este proyecto fue un gran desafío y aprendizaje. Me permitió integrar los conocimientos teóricos con una necesidad del mundo real, y consolidar buenas prácticas como:</p> <ul> <li>Mobile First Design</li> <li>Organización modular de componentes</li> <li>Semántica HTML y accesibilidad básica</li> <li>Buen manejo de Git y deploy automático en Vercel</li> </ul> <h2> 🙌 ¿Feedback? </h2> <p>Estoy abierto a comentarios, sugerencias o ideas para seguir mejorando.<br><br> Gracias por leer, ¡y feliz código! 💻✨</p> <p><strong>#javascript #webdev #portfolio #html #css #bootstrap #vercel #coderhouse #beginners #devjournal</strong></p> spanish