🖐️, soy Diego Fernández

Desarrollador Full Stack

Apasionado del Front End

de Las Palmas de Gran Canaria, Canarias. Bandera de Canarias

Proyectos Corporativos

Ecoinge Canarias

Ecoinge Canarias es una empresa de ingeniería cuya misión es mejorar el uso de la tecnología combinándola con la sostenibilidad y el medio ambiente.

El proyecto se ha centrado en el blueprint (organización de contenido), utilizando código propio (CSS y JQuery) y Elementor para su maquetación.

Para poner a prueba el diseño, se han aplicado pruebas de usabilidad con diferentes perfiles de usuarios, haciendo los últimos cambios necesarios en base a los resultados obtenidos.

Se ha configurado un trabajo cron en PHP para los números de los contadores.

  • Wordpress
  • PHP
  • HTML5
  • CSS3
  • Javascript
  • JQuery

Pruebas Técnicas

Generación de Texto IA

Imagen del proyecto

Objetivo de la prueba: Permitir a los usuarios generar texto utilizando una API que simule el comportamiento de una Inteligencia Artificial para generación de texto.

Se opta por generar frases célebres en base a la palabra de nuestro prompt con un debounce. Se destaca la animación de escritura para la generación de texto, la implementación del ORM Prisma y la conexión de la base de datos remota mediante el servicio Turso.

Todos los detalles en el README del repositorio.

  • HTML5
  • CSS3
  • Javascript
  • React
  • NodeJS
  • ExpressJS
  • Prisma
  • Turso
  • Vercel
  • Git

Proyectos Personales

Competitive Bracket Generator

Imagen del proyecto

Generador de Bracket para torneos, copas, ligas, etc.

Primero, podremos mediante un formulario crear la lista de jugadores, elegir el tipo de competición y ponerle nombre. Tras esto pasaremos al cuerpo principal de la aplicación.

Al ver el bracket tenemos 4 acciones:

- Volver atrás

- Reordenar el bracket

- Actualizar el bracket (para descartar o añadir jugadores)

- Elegir ganador

Enfocado principalmente al entrenamiento de Vue, junto a Tailwind, disponemos de slots condicionales, etiquetado de componente por prop, variables de estado (ref, reactive y computed) y, el núcleo del proyecto, los brackets generados de forma dinámica.

Proyecto responsive, modales con "vue-final-modal" y mensajes toast con "vue-sonner".

  • HTML5
  • CSS3
  • Tailwind
  • Javascript
  • Vue
  • Git

LudOhana

Imagen del proyecto

Proyecto 3 - Bloque Full-Stack de la Escuela de Programadores: Formación Dual de Desarrolladores Web Full-Stack (Fundación Universitaria de Las Palmas, Reboot Academy).

LudOhana es una página web sobre eventos, para escuelas y familias, enfocados en la educación de los niños. Se utiliza la API creada en el proyecto del bloque 2.

Trabajamos principalmente con React y MaterialUI, aunque también tuvimos que adaptar el proyecto de la API para dar más funcionalidad al front. Utilizamos Stripe para las donaciones de los eventos.

Información completa en el README del proyecto.

  • HTML5
  • CSS3
  • Javascript
  • React
  • MaterialUI
  • Git

LudOhana-API

Imagen del proyecto

Proyecto 2 - Bloque Back-End de la Escuela de Programadores: Formación Dual de Desarrolladores Web Full-Stack (Fundación Universitaria de Las Palmas, Reboot Academy).

LudOhana es una página web sobre eventos, para escuelas y familias, enfocados en la educación de los niños. Se crea la API que posteriormente se utilizaría en el proyecto 3.

Usamos el workspace compartido de Postman para tener los endpoints almacenados por entidad, entorno (desarrollo o producción) y los tokens de autentificación necesarios. Además de Node, Express, Sequelize y MySQL.

El proyecto desplegado tiene un pequeño front para presentar la integración de Stripe y hacer operaciones en nuestra base de datos una vez se procese el pago.

Información completa en el README del proyecto.

  • NodeJS
  • ExpressJS
  • Sequelize
  • Postman
  • Git

Jungle Paradise

Imagen del proyecto

Proyecto 1 - Bloque Front-End de la Escuela de Programadores: Formación Dual de Desarrolladores Web Full-Stack (Fundación Universitaria de Las Palmas, Reboot Academy).

Videojuego en navegador, inspirado en Whac-A-Mole, en el que tendremos que matar a todos los mosquitos que podamos antes de que acabe el tiempo.

El mayor reto de este proyecto consistió en implementar el juego en 3 días, utilizando para ello el control de versiones con Git, y poniendo en prácticas los conocimientos adquiridos en las tecnologías Front-End.

  • HTML5
  • CSS3
  • Javascript
  • Git

Solitario Web

Imagen del proyecto

El juego Solitario tiene muchas variantes y nos hemos centrado en una de ellas.

Dispone de 3 niveles de dificultad y animaciones de victoria y derrota.

El proyecto cuenta con ajustes de apariencia y permite cambiar el idioma entre el español y el inglés.

  • HTML5
  • CSS3
  • Javascript
  • JQuery