LA Blueprint · Web App
Global Green
A gamified environmental-education platform built with LA Blueprint for the non-profit Global Green.
View project on GitHub →Global Green teaches sustainability through interactive lessons and quizzes, wrapped in a game layer: learners earn points as they work through courses and spend them customizing a personal garden. I built front-end interfaces from Figma mock-ups and integrated MongoDB for dynamic content, collaborating closely with designers and other developers in weekly sprints. The tour below is the live application, running locally against a seeded database.
🔒globalgreenjourneys.app/landing
Dashboard & garden
Hover to pause · click the dots to jump between screens
Next.jsReactMongoDBNextAuthAWS S3Mapbox
- Interactive environmental courses with lessons, quizzes, and a gamified roadmap.
- A points economy and customizable garden that reward course progress.
- JWT auth (NextAuth) with per-user course progress persisted in MongoDB.
- Responsive React front-end built from Figma designs, with media served from S3.