ES
Projects — 09

Projects

Demos I built to test ideas: each case with its context, my role, the stack and the result. The ones with a live demo are deployed on Vercel and you can click through them.

Project index
#ProjectTypeStackYear
01Gem Eyes★ FeaturedWebReact · Tailwind · Vite2026
02Dr. Adrián Portfolio★ FeaturedWebReact · Tailwind · Vercel2026
03Calidoso · Coffee★ FeaturedWebReact · Tailwind · Vercel2026
04Vitalis · Clinic★ FeaturedWebReact · Tailwind · Vercel2026
05Eco Muestreo · Jewelry★ FeaturedWebReact · Tailwind · Vercel2026
06Hotel Marea★ FeaturedFull-stackNext.js · TypeScript · Drizzle ORM2026
07Aurora · Video HeroFrontendReact · Tailwind · Vite2026
08AI IntegrationChatbotIA · META · Tokens2025
09Customer CRUDFull-stack.NET 8 · Angular · EF Core 82025

Gem Eyes

Web · Concept · creative studio · 2026
Context
Demo site for a creative studio with a bold visual identity: full-screen illustration, expressive animations and gallery, process and contact sections.
Role
Concept, design and development
Result
An immersive, responsive experience that showcases the studio's art without sacrificing load speed.
  • React
  • Tailwind
  • Vite
  • Vercel
Live demo (opens in a new tab)
Web
2026

Dr. Adrián Portfolio

Web · Concept · medical portfolio · 2026
Context
Portfolio demo for a medical specialist: an online calling card that brings together professional profile, services and contact details.
Role
Concept, design and development
Result
Clean, responsive design, deployed on Vercel.
  • React
  • Tailwind
  • Vercel
  • Responsive
Live demo (opens in a new tab)
Web
2026

Calidoso · Coffee

Web · Concept · coffee e-commerce · 2026
Context
Online store demo for a coffee brand: product catalog, brand presentation and a responsive interface deployed on Vercel.
Role
Concept, design and development
Result
Conversion-focused e-commerce with a warm identity and clear catalog navigation.
  • React
  • Tailwind
  • Vercel
  • E-commerce
Live demo (opens in a new tab)
Web
2026

Vitalis · Clinic

Web · Concept · medical clinic · 2026
Context
Site demo for a medical clinic: institutional presentation of health services with a responsive interface, deployed on Vercel.
Role
Concept, design and development
Result
A structure designed to communicate services, build trust and make contact easy.
  • React
  • Tailwind
  • Vercel
  • Responsive
Live demo (opens in a new tab)
Web
2026

Eco Muestreo · Jewelry

Web · Concept · handmade jewelry · 2026
Context
Online store demo for a handmade jewelry brand: piece catalog, brand presentation and a responsive interface deployed on Vercel.
Role
Concept, design and development
Result
E-commerce with an artisanal aesthetic, built to highlight each piece and make buying easy.
  • React
  • Tailwind
  • Vercel
  • E-commerce
Live demo (opens in a new tab)
Web
2026

Hotel Marea

Full-stack · Next.js + TypeScript · 2026
Context
Sample web application built with Next.js (App Router) and TypeScript, with persistence through Drizzle ORM and continuous deployment on Vercel.
Role
Full-stack
Result
Modular architecture (app, modules, components, db) designed to scale, with continuous deployment on Vercel.
  • Next.js
  • TypeScript
  • Drizzle ORM
  • Vercel
Live demo (opens in a new tab) Code (opens in a new tab)
Full-stack
2026

Aurora · Video Hero

Frontend · React + Tailwind (Vite) · 2026
Context
Responsive, interactive landing page built around a single video as the base of the whole page: the clip stays fixed in the background while the content slides over it, reacts to the pointer and responds to scroll.
Role
Full design and development
Result
Serves 720p/1280p/1920p depending on the screen (WebM + MP4), with poster + blur-up, a dock to control the video and reduced-motion support.
  • React
  • Tailwind
  • Vite
  • Adaptive video
Live demo (opens in a new tab) Code (opens in a new tab)
Frontend
2026

AI Integration

Chatbot · Meta technologies · 2025
Context
Customer-service chatbot exercise on Meta technologies: token handling and training scoped to a business script.
Role
Concept, integration and training
Result
A complete conversation flow over a closed script, with token handling and responses trained for a specific domain.
  • IA
  • META
  • Tokens
  • Prompting
Chatbot
2025

Customer CRUD

Full-stack · .NET 8 + Angular · 2025
Context
Customer manager (technical test) with a REST API in .NET 8 / EF Core 8 and an Angular frontend with standalone components and signals.
Role
Full-stack · technical test
Result
Complete CRUD with search, pagination, status filters, two-layer validation, a unique anti-duplicate index and Swagger/OpenAPI documentation.
  • .NET 8
  • Angular
  • EF Core 8
  • SQL Server
  • Swagger
Code (opens in a new tab)
Full-stack
2025