My Projects
Hover a card to read about each one
Search any GitHub username and get a full breakdown of their profile, repositories, language stack, and 30-day push activity — built with React + Vite and the GitHub REST API.
A trivia quiz app with a countdown timer, animated answer feedback, category picker, and a localStorage leaderboard — built with Next.js 14 App Router.
A fast notes app built with Remix — demonstrating the loader/action pattern, nested routes, and optimistic UI via useFetcher.
A browser-based image compressor with a drag-to-compare before/after slider — built with the Canvas API and zero external image libraries.
A personal finance dashboard with income/expense tracking, budget limits per category, and multi-chart analytics — built with Next.js 14 App Router and Recharts.
Upload any CSV and get instant interactive charts. Built with React, D3.js, and PapaParse — four chart types, auto column type detection, summary statistics, and SVG export.
Kanban-style job application tracker with drag-and-drop cards across status columns (Wishlist → Applied → Screening → Interview → Offer / Rejected). Includes a list view, stats dashboard, search, priority flags, and auto-save to localStorage — nothing lost on refresh.
Wavelength is a sleek music player with playback controls, track progress, and a clean minimal UI. Supports play, pause, skip, and shuffle — built for smooth listening with a focus on interface simplicity. All tracks are copyright-free.
Fast and minimal URL shortener that converts long links into clean, shareable short URLs. Instant redirect handling with a simple, distraction-free interface.
Live Markdown editor with real-time preview side by side. Write in raw Markdown on the left, see the rendered output on the right — perfect for quick notes and formatted content.
Multi-model AI chat interface supporting Llama, DeepSeek, Qwen, Gemma, Mistral, and Compound Beta. Built with a clean dark UI, conversation history, and real-time streaming — all in one unified chat experience.
Custom component design system with interactive documentation. Includes Button, Input, Badge, Card, Modal, Toggle, and Avatar components — each with live previews, status variants, and copy-ready JSX snippets.
Fully functional e-commerce storefront with product filtering, keyword search, 5 sort options, a dynamic cart with free-shipping progress, and smooth loading skeletons — zero heavy dependencies.
Real-time crypto market tracker with live prices, 7-day interactive charts, and a searchable coin table. Auto-refreshes every 60 seconds via CoinGecko API — zero auth required.
High-converting marketing landing page for KAIX, built with smooth scroll animations, bold visual hierarchy, and a fully responsive layout optimized for lead generation.
Full fashion e-commerce site for Luzete, featuring a product catalog, elegant UI, and seamless mobile experience — live and serving real customers.
Browser-based tool to design and simulate digital logic circuits in real time. Drag-and-drop gates, connect wires, and watch outputs update instantly — no installation needed.
Personal developer portfolio showcasing projects, skills, and experience. Built with Next.js and deployed on Vercel — the very site you're reading right now.
Landing page for a teenage robotics team representing Mexico in international competitions. Built to inspire, recruit sponsors, and put young engineers on the map.
Interactive card-matching memory game with animated flips, win detection, and move counter. A clean example of state management and CSS transitions in React.
Movie discovery app powered by a public API. Browse, search, and explore films with rich metadata, posters, and ratings — all rendered in a slick responsive UI.
Real-time weather search app showing current conditions, temperature, and forecasts for any city worldwide. Clean design with live API data and dynamic weather icons.
Cultural Mexican website celebrating Día de Muertos with rich visuals, vibrant colors, and immersive storytelling — a tribute to tradition built with modern web tech.
Clean and minimal task manager with add, complete, and delete functionality. One of the first React projects — proof that clean UI and solid state logic go hand in hand.