[02] · Studio Showcase

Featured Projects

Explore the full collection of web applications, platforms, and innovations I have built.

Preview of Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control (Slide 1)
Preview of Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control (Slide 2)
Preview of Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control (Slide 3)
Preview of Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control (Slide 4)
Preview of Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control (Slide 5)
★ Featured Project

Fit-Stack - Multi-Tenant B2B Gym SaaS, AI Assistant & Hardware Access Control

High-performance B2B SaaS platform for gym operations, financial auditability, AI assistance, and physical access control. Engineered as a Turborepo monorepo featuring an Edge Serverless API on Cloudflare Workers using Hono, a serverless Neon Postgres database powered by Drizzle ORM, Upstash Redis edge caching, and an AI Chat engine with real-time SSE streaming leveraging Cloudflare Workers AI and OpenRouter models. Comprises a Gym Admin Panel (Next.js 16 / React 19) with cumulative renewal logic and multi-currency billing; a SaaS Super-Admin Console (Next.js 16); a Member Portal (Next.js 16) with dynamic CMS rendering; full monorepo test suite with Vitest; asynchronous task queues via Cloudflare Queues and Resend transactional emails; and a native Desktop Bridge (Python / Flet) for turnstile hardware integration via biometric/QR sensors. Infrastructure fully managed via Terraform and deployed with GitHub Actions CI/CD pipelines.

Next.js 16 (App Router)React 19TypeScript 5TurborepoCloudflare Workers (Edge Functions)Cloudflare Workers AIOpenRouter APILLM Chat Streaming (SSE)Cloudflare QueuesCloudflare R2Hono APIVitest (Automated Testing)Drizzle ORMNeon Serverless PostgresUpstash RedisBetter Auth (Multi-tenant RBAC)Python (Flet Desktop)Tailwind CSS v4shadcn/uiResend APITerraform (IaC)GitHub Actions (CI/CD)
Preview of Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA (Slide 1)
Preview of Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA (Slide 2)
Preview of Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA (Slide 3)
Preview of Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA (Slide 4)
Preview of Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA (Slide 5)

Pulse Stream - High-Performance Music Streaming Platform, Catalog Management & Offline PWA

Full-featured audio streaming platform inspired by Spotify engineered with a Turborepo and pnpm workspaces monorepo. High-concurrency asynchronous backend built with Python 3.13, FastAPI, SQLAlchemy 2.0 Async, Neon Serverless PostgreSQL, and Alembic database migrations. Media storage and audio streaming powered by Cloudflare R2 using presigned URLs via Boto3, alongside ID3 metadata extraction via Mutagen for automated batch ZIP album imports. Modern frontend built on Next.js 16 (App Router) and React 19 with a custom dark UI in Tailwind CSS v4 and Radix UI; features a persistent global player integrated with the OS Media Session API, Progressive Web App (PWA) offline audio caching via Cache API, and end-to-end type safety with OpenAPI-to-TypeScript code generation. Implements RBAC authentication via HttpOnly JWT session cookies (fastapi-users with Argon2 hashing), rate limiting via Slowapi, comprehensive admin management dashboards, and robust test suites using Pytest (real Postgres integration) and Vitest.

Next.js 16 (App Router)React 19 (React Compiler)TypeScript 5Turborepo & pnpmPython 3.13 (uv)FastAPISQLAlchemy 2.0 (Async)Neon Serverless PostgresCloudflare R2 (Audio Streaming & Storage)Alembic (DB Migrations)fastapi-users (JWT HttpOnly & Argon2)PWA & Cache API (Offline Audio)Media Session APITailwind CSS v4 (OKLCH)Radix UI & CVAboto3 (Presigned S3/R2)mutagen (ID3 Metadata Parser)slowapi (Rate Limiting)OpenAPI to TypeScript CodegenPytest & Vitest (Testing Suite)GitHub Actions (CI/CD)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 1)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 2)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 3)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 4)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 5)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 6)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 7)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 8)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 9)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 10)
Preview of D'Nova Gallery - Photography Portfolio & Custom CMS (Slide 11)

D'Nova Gallery - Photography Portfolio & Custom CMS

Professional web application and Content Management System (CMS) designed for studio photographers. Features interactive portfolio showcases, service package management, dynamic galleries, and booking requests. Includes a dedicated administration dashboard with secure authentication, high-performance image storage via Cloudflare R2, and multi-language support (English/Spanish).

Next.js 16React 19TypeScriptTailwind CSS v4SupabaseCloudflare R2shadcn/uiLucide Icons
Preview of Delivery Los Latinos - Food Delivery Platform (Slide 1)
Preview of Delivery Los Latinos - Food Delivery Platform (Slide 2)
Preview of Delivery Los Latinos - Food Delivery Platform (Slide 3)
Preview of Delivery Los Latinos - Food Delivery Platform (Slide 4)

Delivery Los Latinos - Food Delivery Platform

Full-stack food delivery and restaurant management web platform built for Orihuela. Features an intuitive admin dashboard for store and catalog management, interactive menu editor with drag-and-drop reordering, role-based access control (RBAC) with Supabase Auth and database Row Level Security (RLS), and a mobile-first responsive user interface.

Next.jsReact 19TypeScriptTailwind CSSSupabasePostgreSQLdnd-kit
Preview of El Poaig — El Mil del Poaig (Slide 1)
Preview of El Poaig — El Mil del Poaig (Slide 2)
Preview of El Poaig — El Mil del Poaig (Slide 3)
Preview of El Poaig — El Mil del Poaig (Slide 4)

El Poaig — El Mil del Poaig

Luxury high-end landing page crafted for El Mil del Poaig, the world's first organic extra virgin olive oil harvested from millenary Farga olive trees (1,000 to 3,000 years old). Features a cinematic editorial aesthetic, custom color grading, subtle micro-animations, infinite press marquee, interactive media gallery, and a fully self-contained multilingual web experience.

HTML5CSS3JavaScript
Preview of Fishers Imports (Slide 1)

Fishers Imports

Fishers Imports' website, developed by Overfuel, showcases elegant design and advanced functionality. It features an impressive luxury inventory display, intuitive search, and financing options, demonstrating Overfuel's ability to boost high-end dealerships' digital presence.

Next.jsTailwind CSSCodeIgniterMySQLGoogle Tag ManagerAWSDockerKubernetesRESTful
Preview of Portfolio (Slide 1)

Portfolio

My portfolio is a web application that showcases my projects and skills. It uses modern technology to present information clearly and attractively. It displays featured projects, skills, and contact information.

ReactTailwind CSSTypeScriptuseContextViteShadcn-uiNetlify
Preview of God's Good BarberShop (Slide 1)

God's Good BarberShop

God's Good BarberShop is a landing page for a barbershop. The site is designed to attract and keep customers informed about available services and promotions. With a focus on modernity and convenience, the page will be continuously updated with new features and improvements.

Next.jsTypescriptTailwind CSSShadcn-uiServer componentsClient components
Preview of Task Manager (Slide 1)

Task Manager

Task Manager is a web application for managing tasks and projects. It offers a user-friendly interface for creating, assigning, and tracking tasks. The application uses modern technology to ensure seamless task management, featuring real-time updates, task prioritization, and detailed reporting.

ReactTailwind CSSJavascriptNode.jsExpress.jsMongooseMongoDBJWTZod