Portfolio

/img/portfolio/web/web_buscamusicos.webp
BuscaMúsicos
Website for searching for musicians and bands to play with, responsive, simple and intuitive. Developed with Next.js for the front-end (with TailwindCSS for the visual style) and Strapi for the backend (through REST API). It has user-authentication through JWT and internal messaging system.
Next.js
TailwindCSS
Strapi
Axios
REST API
/img/portfolio/web/web_chordtoy.webp
ChordToy
A music toy inspired by Suzuki's Omnichord. When you click on a chord, the bottom buttons automatically update to 9 notes based on the selected chord. It uses Tone.js library for audio management.
React
Vite
TailwindCSS
Tone.js
/img/portfolio/web/pwa_speed_training_metronome.webp
Speed Training Metronome
A metronome PWA designed to improve your speed. Start at a comfortable tempo, ramp up to a point that feels nearly impossible, and finish at an intermediate speed. It allows you to save presets and install it as an app on your phone.
PWA
Vue
TypeScript
TailwindCSS
PrimeVue
Pinia
/img/portfolio/web/web_megadrive_top20.webp
Mega Drive Top 20
A list of my favorite 20 Sega Mega Drive games. The most challenging thing here was creating a component that expands to full screen when you click on each grid item, and come back to it when you close the expanded detail view.
Vue
TailwindCSS
Vite
/img/portfolio/web/web_burgermania.webp
BurgerMania
Website for a fictional hamburger shop, developed with Vite + Vue + TailwindCSS, with all the texts and images generated with AI.
Vue
Vite
TailwindCSS
/img/portfolio/web/web_humanome.webp
Humanome
A metronome that randomly changes tempo to slightly higher or lower values than the base tempo, to simulate a more natural performance.
Nuxt 3
Vue
TypeScript
TailwindCSS
PrimeVue
Web Audio API
/img/portfolio/web/web_gamehub.webp
GameHub
Responsive games browser web app made for a React intermediate course. It uses ChakraUI library for styled components and REST API to retrieve data from rawg.io.
React
TypeScript
Vite
ChakraUI
REST API
React Query
React Context
Zustand
/img/portfolio/web/web_lme.webp
Luis Morcillo Estrella
Website of the Cordovan artist Luis Morcillo Estrella. Developed with Next.js + TailwindCSS, with image gallery and carousel.
Next.js
TailwindCSS
/img/portfolio/web/web_movieapp.webp
Movie browser
Responsive movie browser made for a Nuxt course. It uses REST API to connect with the database of themoviedb.org and TailwindCSS for styling.
Nuxt
TailwindCSS
REST API
/img/portfolio/web/web_blast16.webp
Blast16
Single-page website for Blast16, a Mega Drive emulation front-end I developed for Raspberry Pi. Developed with React, TypeScript, Vite and TailwindCSS.
React
Vite
TypeScript
TailwindCSS
/img/portfolio/web/web_sneses.webp
SNESES
Single-page website for SNESES, the Super Nintendo version of Blast16. Developed with React, TypeScript, Vite and TailwindCSS.
React
Vite
TypeScript
TailwindCSS
/img/portfolio/web/web_fmg.webp
Frameworks memory game
A simple memory game developed with React and TailwindCSS.
React
JavaScript
TailwindCSS
/img/portfolio/web/web_minesweeper_angular.webp
Minesweeper
A Minesweeper game clone made with Angular and TailwindCSS.
Angular
TailwindCSS
/img/portfolio/web/web_numbers_game.webp
Numbers puzzle game
A sliding numbers puzzle game developed with Vue + Vite + TailwindCSS.
Vue
Vite
TailwindCSS
/img/portfolio/web/web_triptoy.webp
Triptoy
Website of my alternative/progressive rock band. Developed with WordPress with The The7 theme by Dream Theme, with WooCommerce for the store section.
Wordpress
WooCommerce
Developed by Luis Morcillo with Next.js© 2023