Portfolio

/img/portfolio/web/web_buscamusicos.webp
BuscaMúsicos
Web para buscar músicos y grupos con los que tocar, adaptada a móviles, sencilla e intuitiva. Desarrollada con Next.js para el front-end (con TailwindCSS para el estilo visual) y Strapi para el backend (mediante REST API). Tiene autenticación de usuarios por JWT y sistema de mensajería interna.
Next.js
TailwindCSS
Strapi
Axios
REST API
/img/portfolio/web/web_burgermania.webp
BurgerMania
Web de una hamburguesería ficticia, desarrollada con Vite + Vue + TailwindCSS, en la que todos los textos e imágenes han sido generados con IA.
Vue
Vite
TailwindCSS
/img/portfolio/web/web_gamehub.webp
GameHub
Navegador de videojuegos responsive hecho para un curso de React de nivel intermedio. Usa la librería ChakraUI para los componentes y extrae datos de rawg.io mediante REST API.
React
TypeScript
Vite
ChakraUI
REST API
React Query
React Context
Zustand
/img/portfolio/web/web_megadrive_top20.webp
Mega Drive Top 20
Una lista de mis 20 juegos favoritos de Sega Mega Drive. El mayor desafío aquí fue crear un componente que se expandiera a pantalla completa al hacer clic en un elemento de la cuadrícula desde la posición de dicho elemento, y volviera a su estado anterior al cerrar la vista detallada.
Vue
TailwindCSS
Vite
/img/portfolio/web/web_cv_generator.webp
CV Generator
Aplicación desarrollada con Vue para generar mi CV, ideada para tener mayor agilidad al modificar contenido que con una aplicación de diseño gráfico, mediante la lectura de varios ficheros JSON con la información a mostrar.
Vue
TailwindCSS
Vite
/img/portfolio/web/web_lme.webp
Luis Morcillo Estrella
Web del artista cordobés Luis Morcillo Estrella. Desarrollada con Next.js + TailwindCSS, con galería de imágenes y carrusel, y adaptada a móviles.
Next.js
TailwindCSS
/img/portfolio/web/web_movieapp.webp
Movie browser
Navegador de películas responsive hecho para un curso de Nuxt. Usa REST API para conectar con la base de datos de themoviedb.org y TailwindCSS para el estilo.
Nuxt
TailwindCSS
REST API
/img/portfolio/web/web_firewatch.webp
Firewatch
Una SPA hecha con Vue para monitorizar los incendios en la comunidad de Castilla y León. Los datos son recogidos de una API pública y se pueden mostrar sobre un mapa o como una tabla.
Vue
TailwindCSS
REST API
/img/portfolio/web/web_chordtoy.webp
ChordToy
Un juguete musical inspirado en el Omnichord de Suzuki. Al clicar en un acorde, los botones de abajo se actualizan a 9 notas basadas en el acorde seleccionado. Usa la librería Tone.js para la gestión del audio.
React
Vite
TailwindCSS
Tone.js
/img/portfolio/web/web_humanome.webp
Humanome
Un metrónomo que cambia el tempo aleatoriamente a valores ligeramente mayores o menores que el tempo base establecido, para simular una ejecución más natural
Nuxt 3
Vue
TypeScript
TailwindCSS
PrimeVue
Web Audio API
/img/portfolio/web/web_blast16.webp
Blast16
Web single-page para Blast16, un front-end de emulación de Mega Drive que desarrollé para Raspberry Pi. Desarrollada con React, TypeScript, Vite y TailwindCSS.
React
Vite
TypeScript
TailwindCSS
/img/portfolio/web/web_sneses.webp
SNESES
Web single-page para SNESES, la versión de Blast16 para Super Nintendo. Desarrollada con React, TypeScript, Vite y TailwindCSS.
React
Vite
TypeScript
TailwindCSS
/img/portfolio/web/web_fmg.webp
Frameworks memory game
Un mini-juego de memoria hecho en React con TailwindCSS.
React
JavaScript
TailwindCSS
/img/portfolio/web/web_minesweeper_angular.webp
Minesweeper
Un clon del clásico Buscaminas hecho con Angular y TailwindCSS.
Angular
TailwindCSS
/img/portfolio/web/web_numbers_game.webp
Numbers puzzle game
Un juego de puzzle en el que tienes que colocar todos los números en orden en la cuadrícula. Hecho con Vite + Vue + TailwindCSS.
Vue
Vite
TailwindCSS
/img/portfolio/web/web_triptoy.webp
Triptoy
Web de mi grupo de rock alternativo/progresivo. Desarrollada con Wordpress con el tema The7 de Dream Theme, con WooCommerce para la sección de la tienda.
Wordpress
WooCommerce
Desarrollado por Luis Morcillo con Next.js© 2023