Spencer Chapman

Full Stack Developer

I craft end-to-end solutions with 1 year of experience building scalable applications and team projects.

Current student at California State San Marcos and persuing a professinal certificate at Codecademy

TypeScriptReact & Next.jsNode.jsPythonAWS & Css

Frontend Development

  • Modern React Architectures
  • Performance Optimization
  • Responsive & Interactive UIs

Backend Development

  • API Design & Development
  • Database Architecture
  • Real-time Systems

DevOps & Cloud

  • AWS Infrastructure
  • CI/CD Pipelines
  • Scalable Architecture

Full Stack Projects

Personal Finance Tracker

Full-stack app to track expenses, budgets, and monthly summaries with charts and CSV import.

Frontend Architecture

  • • Next.js App Router with React
  • • TailwindCSS for responsive UI
  • • Chart.js for expense visualizations
  • • CSV import and category tagging interface

Backend Systems

  • • Node.js and Express REST API
  • • PostgreSQL with Prisma ORM
  • • JWT authentication for secure sessions
  • • Vercel on frontend and Railway/Render backend

Key Achievements

  • • Helped automate monthly expense tracking and reduced manual bookkeeping by 90%
  • • Real-time category summaries and budget alerts improved financial visibility
  • • Clean modular architecture makes it easy to expand e.g., adding bank API integration

System Architecture

Next.js Frontend (App Router + Client Components)Transactions ServiceBudgets ServiceRedis Cache LayerPostgreSQL DatabaseObject StorageJWT Authentication Service

AI Learning Recommender System

An AI learning recommender that displays learning progress with recommendations and analytics

Frontend Features

  • • Nexts.js dashboard
  • • TailwindCSS
  • • Interactive UI
  • • Data analytics

Backend Pipeline

  • • Fast API
  • • Recommendation Engine
  • • PostgreSQL
  • • Vector Database

Performance Metrics

  • • Delivered 85% accurate recommendations compared to curated sets.
  • • Dynamic progress tracking adjusts recommendations over time.
  • • Scalable design: services are containerized for easy deployment.

Data Flow Architecture

Learning ContentUser SignalsTaxonomiesRecommendation EngineStProgress TrackingVector StorePostgreSQLCustom API Layer

Let's Build Something Amazing

Looking for a full-stack developer who can architect and implement complete solutions? Let's discuss the project.

Temecula, CA
View Resume