← Back

LA Blueprint · Mobile App

Teapot Gardens

A gamified community-gardening app that rewards showing up — built with LA Blueprint for the Teapot Gardens non-profit.

View project on GitHub →

Teapot Gardens turns community-event attendance into a game: members grow a personal plant that levels up with XP earned by showing up to garden cleanups, workshops, and seed swaps. I worked on the React Native (Expo) front-end and its Node/Express + MongoDB backend, streamlining event-planning workflows to improve volunteer retention. The tour below is the actual app, running on its web target against a seeded database.

Onboarding
Onboarding

Hover to pause · tap the dots to jump between screens

React NativeExpoExpressMongoDBJWT
  • Cross-platform mobile app (iOS, Android, web) with a gamified garden that levels up as you attend events.
  • Event discovery, program pages, and RSVP with QR-code check-in for attendance tracking.
  • Node/Express + MongoDB backend with JWT auth and per-user progress.
  • File-based navigation (Expo Router) and a shared design system across screens.