Skip to content

Projects

dagustin415 edited this page Mar 22, 2026 · 7 revisions

Projects Catalog

Complete catalog of all 28 projects in the portfolio, organized by category.


Education & Learning (7 projects)

Coding Drills

Interactive learning platform for mastering coding through hands-on practice. Thousands of problems across 25 languages and 4 frontend frameworks.

Detail Value
Stack Next.js 16, React 19, TypeScript 5, Tailwind CSS 4, Monaco Editor, WebLLM
Features 25 programming languages, AI mock interviews, 460+ frontend drills, real-time code execution
Live coding-drills.vercel.app
Code github.com/davidagustin/coding-drills

AI Learning Hub

Comprehensive application for learning AI and ML concepts through interactive mnemonics, character-based learning, and quizzes.

Detail Value
Stack Next.js 15, TypeScript, Tailwind CSS
Features 30+ learning sections, hundreds of quiz questions, character-based learning
Live comprehensive-ai-learning-app.vercel.app
Code github.com/davidagustin/comprehensive-ai-learning-app

System Design Practice

Interactive platform for mastering system design interviews with structured study materials and progressive quizzes.

Detail Value
Stack Next.js 15, React 19, TypeScript, Tailwind CSS
Features 50 study materials, 40 core concepts, 60 quiz questions, dark mode
Live system-design-practice.vercel.app
Code github.com/davidagustin/system-design-practice

MLI Learning Quiz

Interactive learning and mnemonic quiz application for MLI precourse material.

Detail Value
Stack Next.js 15, React 19, TypeScript, Tailwind CSS 4
Features 5 quiz categories, smart mnemonics, progress analytics
Live ai-quiz-questions.vercel.app
Code github.com/davidagustin/ai-quiz-questions

Rules of ML

Interactive app to memorize Google's 43 Rules of Machine Learning Engineering.

Detail Value
Stack Next.js 15, TypeScript, Tailwind CSS
Features 43 ML rules, three study modes (Browse, Study, Flashcard), progress tracking
Live rules-of-machine-learning.vercel.app
Code github.com/davidagustin/rules-of-machine-learning

Sign Language Learning

ASL learning app with real-time AI-powered hand tracking using MediaPipe.

Detail Value
Stack Next.js 15, React 19, TypeScript, MediaPipe
Features Real-time hand tracking, AI gesture recognition, personalized learning
Live spell-your-name.vercel.app
Code github.com/davidagustin/spell-your-name

TypeCode

Precision typing practice for programmers with 12 built-in code lessons, real-time WPM and accuracy tracking, custom code upload, and language-aware auto-completion. Deployed on Cloudflare Workers edge network.

Detail Value
Stack React 19, TypeScript 5.9, React Router 7, Tailwind CSS 4, Vite 6, Cloudflare Workers
Features 12 code lessons, real-time WPM/accuracy tracking, custom code upload, language-aware auto-completion
Live typing-app.app-production.workers.dev
Code github.com/davidagustin/typing-app

AI/ML (2 projects)

PIIxelate

Multi-layer PII detection and pixelation with seven-layer detection architecture.

Detail Value
Stack Next.js 15, TypeScript, Tailwind CSS, Tesseract.js, OpenAI, Anthropic
Features 7-layer detection, browser-based processing, privacy-first, multi-API support
Live piixelate.vercel.app
Code github.com/davidagustin/piixelate

20 Newsgroups ML Dashboard

Machine learning analysis dashboard with 10+ algorithms and interactive visualizations.

Detail Value
Stack Next.js 15, React 18, TypeScript, Material-UI, Python, Scikit-learn, XGBoost
Features 10+ ML algorithms, interactive visualizations, hyperparameter tuning
Live machine-learning-project-theta.vercel.app
Code github.com/davidagustin/machine-learning-project

Research (1 project)

Pickleball Research

The most comprehensive pickleball research platform — 51 pages, 1,014 paddles from 92 brands, 266 pro athletes, 130+ drills, and a 46,458-line interactive magazine. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, and 15+ cloud services. All data visualizations are hand-coded SVG with zero charting libraries.

Detail Value
Stack Next.js 16, React 19, TypeScript, Tailwind CSS v4, Supabase, Pinecone, Typesense, tRPC, Upstash Redis, BetterAuth, PostHog, Sentry, Axiom, Trigger.dev, Cloudinary, Vitest, Playwright, Storybook, Biome
Features 1,014 paddle database (92 brands), 266 pro athletes, 130+ drills, 46,458-line magazine, 798 automated tests, 15+ cloud services
Live pickleball-research.com

E-commerce & Business (4 projects)

TechStore

Computer hardware store built with SvelteKit on Azure.

Detail Value
Stack SvelteKit 2.0, TypeScript, Tailwind CSS, Azure Static Web Apps
Features 8 product categories, shopping cart, search & filter
Live Azure App
Code github.com/davidagustin/azure-static-practice

Premium Auto Sales

Professional car sales website with multi-language support.

Detail Value
Stack Hugo, GitLab Pages, CSS3, Multi-language
Features Vehicle inventory, multi-language (EN/FR/Persian), contact forms, SEO
Live GitLab Pages
Code GitLab

Elegant Furniture Store

Vue.js furniture store with Pinia state management.

Detail Value
Stack Vue.js 3, Vite 4, Tailwind CSS, Pinia, Vue Router, Render
Features Product catalog, shopping cart, responsive design
Live Render App
Code github.com/davidagustin/render-practice

Luxury Realty

Angular real estate application with property search and filtering.

Detail Value
Stack Angular 17, TypeScript, CSS3, Surge.sh
Features Property listings, advanced filtering, image galleries
Live Surge.sh
Code github.com/davidagustin/surge-practice

Applications (6 projects)

StreamFlix

Netflix/Disney+ inspired streaming platform.

Detail Value
Stack Next.js 15, React 19, TypeScript, Tailwind CSS, AWS Amplify
Features Movie carousels, Netflix-style UI, real movie posters
Live AWS Amplify
Code github.com/davidagustin/aws-amplify-practice

FoodRater

Restaurant rating app with Firebase and real-time data.

Detail Value
Stack Angular 17, Firebase, TypeScript, Tailwind CSS, Material Design, RxJS
Features Restaurant discovery, 5-star ratings, user auth, real-time data
Live Firebase Hosting
Code github.com/davidagustin/firebase-practice

Historigal

Historical events search engine with 37,860+ events.

Detail Value
Stack Next.js 15, TypeScript 5, Tailwind CSS
Features 37,860+ events, citation parsing, autocomplete search
Live historigal-vercel.vercel.app
Code github.com/davidagustin/historigal-vercel

Hope Foundation

Gatsby charity website with donation system.

Detail Value
Stack Gatsby, React, Digital Ocean
Features Donation system, volunteer portal, event management
Live Digital Ocean
Code github.com/hope-foundation/charity-website

Law & Associates

Professional law firm website built with Astro.js.

Detail Value
Stack Astro.js, Tailwind CSS, TypeScript, Netlify
Features Practice areas, team profiles, contact forms
Live Netlify
Code github.com/davidagustin/netlify-practice

A Very Nice Grocery List

Modern grocery list app with dark theme.

Detail Value
Stack Next.js 15, React 19, TypeScript, CSS3
Features Duplicate prevention, auto-scroll, dark theme
Live Vercel
Code github.com/davidagustin/a-very-nice-grocery-list-vercel

Developer Tools & Games (8 projects)

Backend Engineer Detective

Detective-style backend engineering challenges with mystery-solving gameplay.

Detail Value
Stack Cloudflare Workers, TypeScript
Features Detective-style challenges, backend mystery scenarios, interactive problem-solving
Live [TBD]
Code [TBD]

Coding Tricks Practice

Coding tricks and patterns practice with interactive examples.

Detail Value
Stack Next.js, Vercel, TypeScript
Features Coding patterns, interactive exercises, live code examples
Live [TBD]
Code [TBD]

React 30

30 React challenges and exercises for learning and practice.

Detail Value
Stack React, Vercel, TypeScript
Features 30 progressive challenges, React fundamentals, component practice
Live [TBD]
Code [TBD]

UI Patterns React

90+ production-ready React UI components with WCAG 2.1 AA compliance.

Detail Value
Stack Next.js 15, React 19, TypeScript 5.6, Tailwind CSS
Features 90+ patterns, 100% TypeScript, WCAG 2.1 AA, dark mode
Live ui-patterns-react.vercel.app
Code github.com/davidagustin/ui-patterns-react

React Interview Sandbox

Code sandbox for coding interviews with timer and live preview.

Detail Value
Stack React 18, TypeScript, BEM CSS, Tailwind CSS, Prism.js
Features Interview timer, live preview, resizable panels, syntax highlighting
Code github.com/davidagustin/react-interview-sandbox

Sudoku Game

Interactive Sudoku with three difficulty levels.

Detail Value
Stack React 18, Express.js, Node.js, Webpack 5, Heroku
Features Three difficulties, real-time validation, interactive gameplay
Live Heroku
Code github.com/davidagustin/heroku-practice

Classic Snake Game

Modern Snake game with 60fps gameplay and responsive controls.

Detail Value
Stack React 19, TypeScript, Tailwind CSS, Framer Motion
Features 60fps gameplay, responsive controls, high score tracking
Live Vercel
Code github.com/davidagustin/classic-snake-game

Game Room

Real-time multiplayer game platform with Tic-Tac-Toe and Chess. Turborepo monorepo with Expo mobile client, Fastify server, and shared game logic package. Features Socket.IO rooms, dual-storage (Redis + PostgreSQL), JWT auth with refresh token rotation, AI opponents (minimax + alpha-beta), ELO ratings, and full CI/CD to AWS EC2 via Docker and Terraform.

Detail Value
Stack Expo 52, React Native, Fastify 5, Socket.IO 4.8, PostgreSQL 16, Redis 7, Prisma, Zustand, Docker, Terraform, Nginx, GitHub Actions
Features Real-time multiplayer, Socket.IO rooms, AI opponents, ELO ratings, JWT auth with refresh token rotation, CI/CD to AWS EC2
Live game-practice-aws.com
Code github.com/davidagustin/tic-tac-toe