Project Roulette / Projects

Frontend, Full-stack, Data & ML, DevOps & Cloud, Embedded & IoT and Games projects

18 of 30 projects. Each has a stack, five features to ship, a difficulty, a time estimate, and a bonus challenge.

Frontend · Intermediate · 2 weeks

Accessible Design System & Component Library

A themeable library of accessible UI components (dialog, combobox, tabs, data table, toast) published to npm, with a documentation site where people can try every component live.

  • React
  • TypeScript
  • Storybook
  • Vitest
  • Testing Library
  • axe-core

Features

  1. 8–10 components with full keyboard support and correct ARIA roles
  2. Light and dark theming driven by design tokens
  3. Docs site with a live props playground for each component
  4. Automated accessibility tests that run in CI on every pull request
  5. Versioned releases to npm with a generated changelog

Bonus: Visual regression testing with Playwright screenshots that block a PR if any component changes unexpectedly.

Frontend · Intermediate · 1–2 weeks

Git Repo Time-Lapse Visualizer

Paste any public GitHub repository and watch its file tree grow over time as an animated treemap, with contributor activity and the files that change most often.

  • TypeScript
  • Vite
  • D3.js
  • GitHub REST API
  • Web Workers

Features

  1. Fetch and cache commit history with pagination and rate-limit handling
  2. Animated treemap playback with a timeline scrubber
  3. Contributor timeline and a churn heatmap of hot-spot files
  4. Heavy parsing moved into a Web Worker to keep animation smooth
  5. Shareable URLs that encode the repo and timestamp

Bonus: Export the playback as a WebM or GIF that people can drop straight into their own README.

Frontend · Intermediate · 2 weeks

Browser Logic Circuit Simulator

Drag gates, wires, clocks, and LEDs onto a canvas and watch signals propagate in real time. Build anything from a half adder to a tiny CPU in the browser.

  • TypeScript
  • Canvas 2D or SVG
  • Vite
  • Web Workers
  • Vitest

Features

  1. Drag-and-drop gates, switches, clocks, LEDs, and seven-segment displays
  2. Event-driven simulation with propagation delay
  3. Truth-table generator for any selected circuit
  4. Reusable custom components built from sub-circuits
  5. Save, load, and share circuits by link

Bonus: A waveform timing-diagram viewer that works like a logic analyzer for any wire you probe.

Full-stack · Advanced · 2–3 weeks

Real-time Collaborative Whiteboard

A multiplayer canvas where several people draw, add sticky notes, and see each other's cursors live, with edits that never conflict.

  • React
  • TypeScript
  • Yjs (CRDT)
  • WebSockets
  • Node.js
  • PostgreSQL

Features

  1. Shapes, freehand drawing, and sticky notes
  2. Live cursors and presence indicators
  3. Conflict-free merging of simultaneous edits using CRDTs
  4. Shareable boards with view-only and edit links
  5. Persistent boards with version history

Bonus: Offline editing that merges cleanly with everyone else's changes when you reconnect.

Full-stack · Advanced · 2–3 weeks

Live Coding Interview Room

Create a room, share a link, and code together in a shared editor. Code runs in sandboxed containers and both people see the output.

  • Next.js
  • Monaco Editor
  • WebSockets
  • Docker
  • Redis

Features

  1. Shared editor with synced cursors and selections
  2. Run Python, JavaScript, or C++ in isolated containers with CPU, memory, and time limits
  3. Private notes panel only the interviewer can see
  4. Session playback of the whole interview
  5. Rooms that expire and clean up automatically

Bonus: Hidden test cases that grade the candidate's solution automatically and show a pass/fail report.

Full-stack · Intermediate · 2 weeks

Uptime Monitor & Public Status Page

Monitors websites and APIs every minute, detects outages, opens incidents, and publishes a clean public status page with uptime history.

  • Next.js
  • TypeScript
  • PostgreSQL
  • Node.js worker
  • Email or Discord webhooks

Features

  1. HTTP, TCP, and keyword checks run on a schedule by a worker
  2. Incident detection that confirms with retries to avoid false alarms
  3. 90-day uptime bars and response-time charts
  4. Email and Discord alerts when something goes down
  5. Admin page for posting incident updates

Bonus: Checks from two regions that only open an incident when both agree the service is down.

Data & ML · Intermediate · 1–2 weeks

Resume ↔ Job Description Matcher

Upload a resume and a job posting. It scores how well they match, highlights missing skills, and suggests stronger bullet points.

  • Python
  • sentence-transformers
  • spaCy
  • FastAPI
  • Streamlit

Features

  1. PDF parsing and section extraction (experience, skills, education)
  2. Skill extraction against a curated skills taxonomy
  3. Semantic similarity scoring with a readable explanation
  4. Gap report listing missing and weak skills
  5. A small labeled test set that measures accuracy

Bonus: Benchmark three embedding models on your test set and publish the results table in the README.

Data & ML · Intermediate · 1–2 weeks

Webcam Hand-Gesture Controller

Recognizes hand gestures from a webcam in real time and uses them to control slides, media playback, or smart lights.

  • Python
  • MediaPipe
  • PyTorch or scikit-learn
  • OpenCV

Features

  1. Hand landmark extraction from live video
  2. Data-collection tool for recording custom gestures
  3. Trained classifier with a confusion matrix and accuracy report
  4. Smoothing and debounce so actions don't misfire
  5. Config file that maps gestures to actions

Bonus: Export the model to ONNX and run it fully in the browser with a live demo page.

Data & ML · Advanced · 2–3 weeks

Predictive Maintenance for Jet Engines

Predicts the remaining useful life of jet engines from sensor time series using NASA's C-MAPSS dataset, served behind an API with a monitoring dashboard.

  • Python
  • pandas
  • LightGBM or PyTorch
  • MLflow
  • FastAPI
  • Docker

Features

  1. Exploratory analysis and time-series feature engineering
  2. A baseline model and an LSTM, compared with proper time-based validation
  3. Experiment tracking in MLflow
  4. Model served through FastAPI inside Docker
  5. Dashboard showing predictions per engine

Bonus: Data-drift detection that flags when incoming sensor data stops looking like the training data.

Data & ML · Intermediate · 2 weeks

Codebase Q&A Assistant

Index any Git repository and ask questions like "where is authentication handled?" Answers cite the exact files and lines they came from.

  • Python
  • tree-sitter
  • sentence-transformers
  • pgvector or Qdrant
  • FastAPI
  • An LLM API

Features

  1. Code-aware chunking by function and class using tree-sitter
  2. Hybrid keyword and vector search
  3. Answers with file and line citations
  4. Incremental re-indexing when new commits land
  5. An evaluation set of 30+ questions that measures retrieval accuracy

Bonus: A VS Code extension so you can ask questions without leaving the editor.

DevOps & Cloud · Advanced · 2–3 weeks

GitOps Kubernetes Home Lab

A fully automated Kubernetes cluster where pushing to Git builds, scans, and deploys your apps, with monitoring and alerts built in.

  • Terraform
  • k3s
  • Argo CD
  • Helm
  • Prometheus
  • Grafana
  • GitHub Actions

Features

  1. Infrastructure as code for all VMs or cloud instances
  2. CI pipeline that builds, scans, and pushes container images
  3. Argo CD auto-sync from a Git repository
  4. Grafana dashboards and alert rules
  5. Secrets managed safely with Sealed Secrets

Bonus: Canary rollouts that roll back automatically when the error rate spikes.

DevOps & Cloud · Intermediate · 1–2 weeks

Distributed Tracing Playground

Three small microservices instrumented end to end, so you can follow a single request across every service with linked logs, metrics, and traces.

  • OpenTelemetry
  • Docker Compose
  • Jaeger or Tempo
  • Prometheus
  • Grafana
  • Loki

Features

  1. Three services in two languages, instrumented with OpenTelemetry
  2. Trace context carried through HTTP calls and a message queue
  3. Dashboards for rate, errors, and duration
  4. Logs linked to their trace IDs
  5. SLOs with burn-rate alerts

Bonus: A fault-injection switch that adds latency or errors so viewers can see exactly how problems show up.

DevOps & Cloud · Intermediate · 1–2 weeks

Serverless Media Pipeline on AWS

Upload an image or video and an event-driven pipeline resizes, transcodes, and tags it automatically. All infrastructure is defined in code.

  • AWS S3, Lambda, SQS, DynamoDB
  • AWS CDK or Terraform
  • TypeScript or Python
  • GitHub Actions

Features

  1. Direct uploads using presigned URLs
  2. S3 events feeding SQS and Lambda, with retries and a dead-letter queue
  3. Thumbnails and metadata stored in DynamoDB
  4. Least-privilege IAM roles for every function
  5. CI/CD that deploys separate dev and prod stages on merge

Bonus: A cost report in the README showing the real cost per 1,000 uploads.

Embedded & IoT · Intermediate · 1–2 weeks

ESP32 Air Quality Station

A connected sensor node that measures CO₂, PM2.5, temperature, and humidity, and streams readings over MQTT to a live dashboard.

  • ESP32
  • C++ (ESP-IDF or PlatformIO)
  • MQTT
  • InfluxDB
  • Grafana

Features

  1. Sensor drivers over I²C and UART with calibration
  2. Deep-sleep power management for battery use
  3. MQTT with reconnect and local buffering during outages
  4. Over-the-air firmware updates
  5. Dashboard with thresholds and alerts

Bonus: A custom PCB designed in KiCad and a 3D-printed enclosure, shown in photos in the README.

Embedded & IoT · Advanced · 2–3 weeks

PID Motor Controller on FreeRTOS

A closed-loop DC motor speed and position controller on an STM32, with a desktop app for live plotting and tuning.

  • STM32
  • C
  • FreeRTOS
  • Quadrature encoder
  • Python (PyQt, pyqtgraph)

Features

  1. Encoder reading using hardware timer peripherals
  2. PID loop running at a fixed rate in its own RTOS task
  3. Serial protocol with framing and checksums
  4. Desktop GUI with live plots and gain sliders
  5. Host-side unit tests for the control logic

Bonus: An auto-tuning routine (relay or Ziegler–Nichols) with a before/after step-response plot.

Embedded & IoT · Advanced · 2–3 weeks

FPGA Game Console with VGA Output

Pong or Breakout built entirely in hardware with Verilog, driving a VGA monitor straight from an FPGA board with no CPU at all.

  • Verilog or SystemVerilog
  • Vivado or Quartus
  • Basys 3 or DE10-Lite board
  • Verilator

Features

  1. VGA timing generator for 640×480 at 60 Hz
  2. Sprite drawing and collision logic in hardware
  3. Debounced button input and a score on the seven-segment display
  4. Testbenches with automated waveform checks
  5. Clean module hierarchy with resource and timing reports

Bonus: Sound effects generated in hardware through PWM audio output.

Games · Advanced · 2–3 weeks

Multiplayer Arena with Real Netcode

A fast top-down browser arena game with an authoritative server, client-side prediction, and lag compensation, so it feels smooth even at 150 ms ping.

  • TypeScript
  • HTML Canvas or Phaser
  • Node.js
  • WebSockets

Features

  1. Authoritative server running at a fixed tick rate
  2. Client-side prediction with server reconciliation
  3. Entity interpolation for other players
  4. Lobby and simple matchmaking
  5. Built-in network simulator with latency and packet-loss sliders

Bonus: A replay system that records inputs and plays back any match deterministically.

Games · Intermediate · 2–3 weeks

Procedural Roguelike with ECS

A turn-based dungeon crawler with procedurally generated levels, built on an entity-component-system architecture.

  • Rust + Bevy
  • or C# + Godot
  • WebAssembly build

Features

  1. Seeded dungeon generation using BSP or cellular automata
  2. Entity-component-system architecture for all game objects
  3. Field of view and A* pathfinding for enemies
  4. Items, inventory, and save/load
  5. A playable web build published on itch.io

Bonus: A daily seeded challenge where everyone plays the same dungeon.