Código funcional con estilo propio.

Explora mis proyectos

Sobre Mí

¡Hola! Soy Yohanna 👋

Desarrolladora web full-stack con enfoque en frontend visual y backend estructurado. Disfruto resolviendo retos técnicos, aprendiendo nuevas herramientas y llevando ideas a productos reales.

Mi Viaje 🚀

2021 - Ciclo Medio SMR

Primeras líneas de código HTML/CSS

2023 - Ciclo Superior DAW

Java, JavaScript, PHP y... ¡Frameworks!

2025 - A volar

Primeros proyectos freelance y colaboraciones

Mis Superpoderes 💫

  • Debuggear con café
  • 🔍 Encontrar errores en código ajeno
  • Aprender tecnologías rápidamente
  • 🎨 Diseñar interfaces bonitas y funcionales

Tech Stack

Lenguajes

Java Java
JavaScript JavaScript
TypeScript TypeScript
PHP PHP
HTML5 HTML5
CSS CSS

Frameworks

Spring Boot Spring Boot
Laravel Laravel
Angular Angular
Bootstrap Bootstrap
Tailwind CSS Tailwind

Bases de Datos

MySQL MySQL
phpMyAdmin phpMyAdmin

Herramientas

Docker Docker
Apache Apache
VS Code VS Code
NetBeans NetBeans
WordPress WordPress
Photoshop Photoshop

Web

AJAX AJAX
SASS SASS

Actualmente aprendiendo...

🖥️ ¡A sacarle jugo a todo esto!

Mis Proyectos

Logo RGConecta

✨ Proyecto Destacado: Ruiz Gijón Conecta ✨

Plataforma fullstack con Angular + Laravel, gestión de roles, autenticación, API REST y CRUD para antiguos alumnos. Un ecosistema completo desde el backend hasta el frontend.

Laravel Angular API REST Roles Fullstack
Logo Arquería

Arquería

Proyecto final para DWES con autenticación, migraciones y relaciones entre tablas.

Laravel Eloquent ORM Blade Breeze
Logo GeloTech

GeloTech

Gestión y aprendizaje de componentes con API PHP propia para DWEC.

Angular API PHP Bootstrap Pipes
Logo Arquería

Hackathon Utrera 2025

Proyecto presentado a concurso para la edición 2025 del Hackathon Utrera. Ganador.

JavaScript Bootstrap Sass Responsive
Logo CEIP

Web CEIP Alfonso de Orleans

Encargo real realizado en WordPress antes de comenzar el ciclo DAW. Web informativa y accesible para comunidad educativa.

WordPress Diseño web Mantenimiento Pre-DAW

Proyectos en Vídeo

🛠️ Proyectos Técnicos

Portfolio programadores (JSP)

(1º DAW)

Proyecto interactivo con JSP, base de datos, sistema de votos y carga dinámica de trabajos para usuarios. Uno de mis primeros fullstack en Java.

Forge Fantas'IA' D&D – Parte 1

(1º DAW)

Proyecto con Java Swing y Selenium para generar personajes mediante IA. Explicación detallada del código, clases y lógica del juego.

Portal Quest D&D – Parte 2

(2º DAW)

Continuación del proyecto: ahora con aventura jugable en Java Swing. Diseño de mapa, eventos y gestión de personajes.

Spring MVC con Thymeleaf

(2º DAW)

Ejercicio avanzado con cookies, sesiones, condiciones dinámicas y templating en Thymeleaf. Potente mini-proyecto para 2º DAW.

🙋 Sobre Mí

Videocurrículum – 2022

(1º SMR)

Proyecto para FOL en 1º SMR. Un vídeo que resume mi perfil, intereses, actitud y habilidades, con diseño propio y edición cuidada.

Mini‑Proyectos Académicos 🎓

Esta sección recoge una selección de mini-proyectos realizados durante mi etapa de formación. Su objetivo no es tanto mostrar trabajos avanzados, sino reflejar dos aspectos importantes de mi perfil:

Aunque eran prácticas básicas, siempre intenté aportar y aprender algo más de lo estrictamente necesario.

Biblioteca 📚

(1º DAW)

Sistema de gestión de libros: añadir, listar, filtrar y eliminar entradas; uso de estructuras JS y almacenamiento local.

Filtrando Jugadores 🧩

(1º DAW)

Tabla interactiva con búsqueda y filtros dinámicos por posición y nombre, diseñada con JS y DOM.

Clash Royale Cards 🎯

(1º DAW)

Consulta de API pública para mostrar cartas, con diseño temático y filtrado por tipo o elixir.

Registro Estudiantes 📝

(1º DAW)

Formulario con validación real-time y almacenamiento local. Muestra de buenas prácticas con JS y validación de datos.

Banco LM 💵

(1º DAW)

Simulador de cuenta bancaria: transferencias, comprobación de saldo y gestión básica de usuarios en JS.

Traveleando 🌍

(2º SMR)

Mini web turística: galería de destinos, descripción y filtros interactivos con JavaScript.

Experiencia

Data Engineer / Analyst – Valrog

Mar 2025 – Jun 2025
  • Dashboards con +50 métricas en JetAdmin para varias áreas del negocio.
  • Automatización con Firebase Functions y optimización de consultas SQL en BigQuery.
  • Entrenamiento de modelos predictivos (BigQuery ML) y análisis en Firebase Analytics.
  • Documentación técnica completa y validación de estructuras de datos.

Desarrolladora fullstack – RGConecta

Feb 2025 – May 2025

Plataforma fullstack Angular + Laravel para la gestión de antiguos alumnos del IES Ruiz Gijón. Incluye autenticación, roles, API REST, y panel de administración.

  • Arquitectura completa: frontend SPA en Angular y backend Laravel API.
  • Control de acceso por roles, validación de usuarios y sistema de notificaciones.
  • Despliegue con Git bare, documentación técnica y mejoras tras defensa.

Proyectos Académicos – IES Carrillo Salcedo / Ruiz Gijón

2021 – Presente
  • Diseño y desarrollo web: interfaces responsivas con HTML5, CSS3, JS y conexión a MySQL.
  • Gestión de bases de datos: consultas avanzadas, modelado relacional y administración SQL.
  • Programación en Java: desarrollo de aplicaciones con JSP y SWING, enfocadas a escritorio y web.
  • Documentación técnica: elaboración de documentación profesional con especificaciones y diagramas.

Más sobre mí

Presidenta del AMPA – CEIP Alfonso de Orleans

2019 – 2021

Coordinación de familias y centro, organización de actividades y gestión de recursos. Impulsé la digitalización del AMPA.

Diseño gráfico freelance (GFX)

2015 – 2021

Creación de banners, firmas y recursos visuales para foros, redes y webs. Estilo GFX usando Photoshop, Illustrator y Canva.
🎨 Ver diseños en Discord

📜 Certificaciones y formación complementaria

Photoshop Avanzado

Photoshop Avanzado

WooCommerce Básico

WooCommerce Básico

Educa360 TIC

Competencias TIC – Educa360

Excelencia Educativa

Excelencia Educativa – Junta Andalucía

Curso inglés Malta

Curso inglés – Malta

Curso inglés Irlanda

Curso inglés – Irlanda

Azure Fundamentals

Azure Fundamentals

Azure Cosmos DB

Azure Cosmos DB

Contacto