Sara Hoces

// web developer

Sara Hoces

>Full Stack Developer_

// stack

FRONTEND

React 19Next.js 16TypeScriptJavaScriptHTML5CSS3Tailwind CSS 4Bootstrap 5

BACKEND

Node.jsExpressREST APIJWTNodemailerMulter

BASE DE DATOS

MySQLSQL

HERRAMIENTAS

GitGitHubViteZodVercel

// proyectos

  • // GitHub→

    Experimento para explorar el maravilloso mundo del desarrollo web asistido por IA, tema que me apasiona. Para ello he usado a Claude como agente en VS Code para crear esta web en la que poder mostrar tanto mi trabajo como rigger como mis primeros proyectos en desarrollo web mientras satisfacía mi curiosidad por los flujos de trabajo con IA generativa. Claude no solo me ha ayudado con el desarrollo sino que me ha ido enseñando todo el proceso, desde la elección de tecnologías hasta la implementación de funcionalidades específicas, lo que me ha permitido desarrollar criterio para formular prompts precisos y evaluar críticamente las propuestas del modelo.

    Next.js 16TypeScriptTailwind CSS 4AWS S3CloudFrontLambdaSESTerraformClaude Code
    // ver proyecto
  • // GitHub→

    Sistema de gestión integral para una escuela de música: registro de alumnos y tutores, asignación a clases, informes diarios y comunicación por email. Esta web es el resultado del proyecto final del bootcamp "Full Stack Web Developer" en Socratech. Fue realizada en equipo con el resto de compañeros del curso. No se nos permitió el uso de inteligencia artificial, por eso, al finalizar el curso cloné el proyecto y lo he estado usando como conejillo de indias para empezar a explorar las posibilidades que la IA ofrece. Depuré errores, implementé funcionalidades que se habían quedado pendientes (como un calendario con los horarios de las clases de cada profesor) y empecé a aprender cómo comunicarme con la IA y a hacer prompts válidos.

    React 19React Router 7JavaScriptViteNode.jsExpressMySQLBootstrap 5JWTbcryptMulterNodemailerZod
    // ver proyecto
  • Film Buff
    // VER DEMO↗ abre en nueva pestaña
    // GitHub→

    Film Buff es una red social para cinéfilos, una web muy sencilla, con la que aprendí mucho en su momento (aunque ahora vea todas las cosas que le faltan...). Lo que la hace especial para mí es que fue la primera web que pude subir y compartir con mi familia y amigos a través de una url. En el hero puede verse una imagen de Jurassic Park, película muy especial para mí ya que marcó un antes y un después en el mundo de los VFX y la animación 3D. Está construida con Node.js y Express siguiendo una arquitectura MVC. Las vistas se renderizan en servidor con EJS y los datos persisten en MySQL con borrado lógico. La autenticación se gestiona con JWT almacenado en cookie httpOnly y las contraseñas se encriptan con bcrypt. Los formularios se validan con Zod y la subida de imágenes con Multer. Desplegada en Railway con el servidor Node.js y una base de datos MySQL como servicios independientes, con las variables de conexión inyectadas automáticamente por la plataforma.

    Node.jsExpressEJSMySQLBootstrap 5JWTbcryptMulterCloudinaryZod
    // ver proyecto
  • // GitHub→

    Calculadora temática de Space Invaders construida en HTML, CSS y JavaScript vanilla, sin frameworks (y sin nada más porque en el momento que la hice era lo que sabía). El alienígena está construido con pixel art puro en CSS. Reacciona a cada operación: sus extremidades se mueven al calcular, se vuelve rojo con "GAME OVER" en caso de error, y reproduce sonidos arcade. Incluye música de fondo con toggle de play/pausa. Está desplegada en GitHub Pages para que todo el mundo pueda probarla y... romperla!!!, así podré seguir mejorándola!!

    HTMLCSSJavaScript
    // ver proyecto