GenAI Data Platform
Natural-language analytics platform built during a corporate GenAI mentorship program. Business users ask questions in plain language; an LLM translates them into SQL, a governed semantic layer validates every query (read-only, row-level security), and the result is executed on a PostgreSQL warehouse and published automatically as charts and dashboards in Metabase through its REST API. I authored the semantic business-term definitions, built the Metabase integration bridge and automated dashboard composition, and developed the Streamlit web interface — working hands-on with AI agents as part of the development workflow.
ProTactics
Full-stack football club management platform. Clubs manage coaches and teams; coaches plan training sessions, track players with stats and positions, share publications with the club, and draw tactics on an interactive Canvas board with drag-and-drop tokens and freehand drawing. JWT auth with role-based access (club / coach).
Fit
Personal training app with an AI coach, dashboard and activity tracking that I use daily. The coach is built on the Claude API with tool use over my own data (meals, workouts, daily metrics and goals), plus Strava and Google Health Connect integrations.
Pokédex App
Full-featured Pokédex built with Next.js and TypeScript, consuming the free PokéAPI. Includes real-time search, type and generation filters, detailed Pokémon pages with evolution chains, shiny toggle, type matchup charts, and a side-by-side stat comparison with radar chart.
Crypto Tracker
Live cryptocurrency tracker built with Next.js and TypeScript, consuming the free CoinGecko API. Features real-time prices for the top 100 coins, 7-day sparkline charts, market cap and volume stats, search and filters (Gainers, Losers, Top 10), auto-refresh every 60 seconds, coin detail pages with interactive price charts, and a personal watchlist saved in localStorage.
Minesweeper
Classic Minesweeper fully rebuilt with vanilla HTML, CSS and JavaScript. Features a premium dark theme with neon accents, difficulty presets (Easy, Medium, Hard, Custom), first-click safety guarantee, chord clicking, question mark mode, win/lose animations, confetti on win, sound effects via Web Audio API, mobile support with long-press to flag, and a top 5 leaderboard saved in localStorage.
BarberStyle BCN
Full demo barbershop website built as a portfolio piece with Vue 3, Vite and Tailwind CSS. Features a premium dark + gold design, AOS scroll animations, booking form with reactive validation, CSS masonry gallery, Google Maps embed, and fully responsive layout.
AutoTech Demo
Full fictional car repair shop website built as a portfolio piece. Includes a sticky navbar, hero with parallax background, services grid, pricing cards, Google-style reviews, a booking form with JS validation, Google Maps embed, and a fully responsive layout. Built entirely with vanilla HTML, CSS and JavaScript — no frameworks.