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_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/pwa_speed_training_metronome.webp
Speed Training Metronome
PWA de un metrónomo diseñado para mejorar tu velocidad. Partiendo de un tempo que te resulte cómodo, subes hasta uno que te resulte casi imposible y terminas en uno intermedio. Permite guardar presets e instalar como aplicación en tu móvil.
PWA
Nuxt 4
Vue
TypeScript
TailwindCSS
PrimeVue
Pinia
/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_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_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_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_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_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