Technical Projects

Projects that show the range.

A curated selection of software engineering, mobile development, machine learning models, and agentic AI platforms.

Fullstack Web Applications

Interactive, scalable web applications.

A complete LMS with authentication, course content management, role-aware dashboards, relational data models, and a clean student experience. Built to handle real educational workflows from enrollment through course completion.

Inspiration: Designed to solve the fragmented tooling problem in small educational institutions that can't afford enterprise LMS platforms.

Frontend
Next.js React TypeScript Tailwind CSS
Backend
Next.js API Routes Prisma ORM NextAuth.js PostgreSQL
Infrastructure
Vercel GitHub Actions PostgreSQL (managed)
View Github repository →

A React-based travel logging application where users can track places they've visited on an interactive map, add notes, and visualize their travel history with geolocation-powered features.

Inspiration: Built to practice advanced React patterns including context, reducers, and lazy loading while creating a genuinely useful travel companion.

Frontend
React React Router Context API CSS Modules
Backend
JSON Server (mock API) Geolocation API
Infrastructure
Leaflet.js (mapping) Vite
View Github repository →

A pixel-accurate recreation of Amazon's e-commerce interface covering product listings, cart interactions, and responsive layout patterns.

Inspiration: Deep-dive into building complex commercial UI layouts from scratch without frameworks.

Frontend
HTML5 CSS3 JavaScript
Backend
Client-side only
Infrastructure
Netlify
View live site →

A faithful recreation of YouTube's interface with video grid layouts, responsive sidebar navigation, and media-focused UI patterns.

Inspiration: Studied YouTube's layout system to master CSS Grid, Flexbox, and responsive breakpoints.

Frontend
HTML5 CSS3 JavaScript Responsive Design
Backend
Client-side only
Infrastructure
Netlify
View live site →

A clean image search tool that queries the Unsplash API, handles pagination, displays results in a responsive masonry-style grid, and manages loading states.

Inspiration: First project integrating a real third-party REST API with proper error handling and async patterns.

Frontend
HTML5 CSS3 JavaScript
Backend
Unsplash REST API Fetch API Async/Await
Infrastructure
Netlify
View live site →

A banking landing page layout with smooth scrolling, tabbed interfaces, lazy-loaded images, a sticky navigation bar, and reveal-on-scroll animations using the Intersection Observer API.

Inspiration: Built to master advanced DOM manipulation, Intersection Observer, and performance-conscious animation patterns.

Frontend
HTML5 CSS3 JavaScript Intersection Observer API
Backend
Client-side only
Infrastructure
Netlify
View live site →

A two-player dice game with score tracking, hold mechanics, win detection, and animated dice rolls using DOM manipulation.

Inspiration: Practice project for state management, conditional rendering, and interactive feedback loops in vanilla JS.

Frontend
HTML5 CSS3 JavaScript
Backend
Client-side only
Infrastructure
Netlify
View live site →

A JavaScript game where players guess a random number with scoring, high-score tracking, and visual feedback on each guess attempt.

Inspiration: One of the first JavaScript projects—focused on getting comfortable with DOM selection, event listeners, and application state.

Frontend
HTML5 CSS3 JavaScript
Backend
Client-side only
Infrastructure
Netlify
View live site →

A timed quiz application with multiple-choice questions, score tracking, a progress bar, and a final results screen. Uses useReducer for complex state transitions.

Inspiration: Built to practice React's useReducer hook for managing complex, multi-step application state.

Frontend
React Component Architecture
Backend
useReducer JSON Server (question data)
Infrastructure
Create React App
View Github repository →
Mobile Applications

Native and cross-platform mobile experiences.

A mobile app for spiritual practice and devotional content, featuring user authentication, real-time data synchronization, and personalized content delivery through Firebase backend services.

Inspiration: Built to serve faith communities with a modern, accessible mobile experience for daily spiritual engagement.

Frontend
React Native Expo Expo Router
Backend
Firebase Authentication Cloud Firestore Firebase Cloud Functions
Infrastructure
Expo Application Services (EAS) Firebase
View Github repository →

A mobile note-taking application designed for journaling spiritual reflections and study notes. Features offline persistence, organized note categories, and a distraction-free writing experience.

Inspiration: Companion app to Sacred App, focused on the writing and reflection side of spiritual practice.

Frontend
React Native Expo React Navigation
Backend
AsyncStorage (local persistence)
Infrastructure
Expo Application Services (EAS)
View Github repository →

A full-featured restaurant finder where users search by location, view restaurant details and photos, save favorites, manage account settings, and process payments. Features map integration with location markers and a polished multi-tab navigation.

Inspiration: Master project from the Complete React Native course—built to practice enterprise-level mobile architecture patterns.

Frontend
React Native Expo styled-components React Context
Backend
Firebase Authentication Google Maps API Google Places API
Infrastructure
Stripe (payments) Expo Firebase
View Github repository →
Machine Learning

Applied intelligence, classification, and neural models.

A minimal automatic gradient computation engine implementing backpropagation over a dynamically built computational graph. Includes a small neural network library on top for building and training multi-layer perceptrons.

Inspiration: Following Andrej Karpathy's micrograd to understand neural networks from first principles—no PyTorch, no abstractions, just raw math.

Languages
Python
Libraries & Math
NumPy Computational Graphs Backpropagation Gradient Descent
View Github repository →

A machine learning project using the Wisconsin Breast Cancer dataset to classify tumors as malignant or benign. Compares multiple algorithms (Logistic Regression, SVM, Random Forest, Gradient Boosting, MLP Neural Network) and serves predictions through a Flask web application.

Inspiration: AI4ALL group project applying ML to a real healthcare classification problem with a usable web interface.

Frontend
Flask Templates HTML CSS
Backend
Python scikit-learn Flask Pandas Matplotlib
Infrastructure
Jupyter Notebooks pip scikit-learn Pipelines
View Github repository →

A classification model trained on the 2022 Annual Survey of Refugees (1,120 records) that predicts whether a newly arrived refugee family is at risk of being unable to afford monthly living expenses. Features an intake form for caseworkers to input demographics, education, language, and employment data. Designed explicitly as a decision-support tool—all flags are reviewed by human caseworkers.

Inspiration: BUS302 Capstone project at Sattler College, built to apply ML to a real humanitarian challenge in refugee resettlement.

Frontend
Streamlit Dashboard
Backend
Python scikit-learn Pandas
Infrastructure
Streamlit Cloud 2022 ASR Dataset
View Github repository →
Agentic AI

Workflows, document intelligence, and LLM-powered applications.

An AI platform for private credit teams that automates borrower reporting review, covenant extraction, compliance certificate analysis, and cited review memo generation. Ingests credit agreements, financial statements, EBITDA addback schedules, and compliance certificates to identify covenant discrepancies and borrower reporting risks.

Inspiration: Translating a manual, document-heavy private credit monitoring problem into a workflow-first AI product.

Frontend
In development
Backend
Agentic AI Workflows Document Classification Source-Grounded Extraction
Infrastructure
Human-in-the-Loop Review Citation-Backed Audit Trails
CovenantIQ Agentic AI platform dashboard showing compliance review stats and borrower risk status

An intelligent study tool that uses large language models to generate flashcards from user-provided content. Features semantic search for finding related cards, subscription billing, and an optimized study experience.

Inspiration: Built during HeadStarter AI fellowship to explore RAG patterns and productize AI-generated educational content.

Frontend
Next.js React Material UI
Backend
OpenAI API Pinecone Vector Database Firebase Auth
Infrastructure
Stripe (billing) Vercel Firebase
View Github repository →

An educational platform leveraging AI to help students with academic workflows—from content summarization to study planning. Full-stack application with authentication and personalized AI interactions.

Inspiration: Built to solve the problem of scattered academic tools by creating a unified AI-assisted study environment.

Frontend
Next.js React
Backend
OpenAI API Next.js API Routes
Infrastructure
Vercel
View Github repository →

A real-time AI chatbot built on Cloudflare's Agents platform. Features streaming responses, stateful conversation management using Durable Objects, and global edge deployment for low-latency interactions.

Inspiration: Exploring Cloudflare's serverless AI infrastructure as an alternative to traditional cloud-hosted chatbot architectures.

Frontend
TypeScript HTML/CSS
Backend
Cloudflare Workers AI Cloudflare Agents SDK AIChatAgent class
Infrastructure
Cloudflare Workers Durable Objects Edge Deployment
View Github repository →