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_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_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_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_cv_generator.webp
CV Generator
An application developed with Vue to generate my CV, designed for greater agility in modifying content than with a graphic design application, by reading of various JSON files with the information to be displayed.
Vue
TailwindCSS
Vite
/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_firewatch.webp
Firewatch
A SPA made with Vue to monitor fires in the community of Castilla y León (Spain). Data is retrieved from a public API and it can be displayed either on a map or as a table.
Vue
TailwindCSS
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/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_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