Terrarium

"To Have Fun and Earn Knowledge"

Comment

Inspiration

Terrarium is inspired by the interactive and playful style of Neal.fun, a site where learning is driven by curiosity and creativity. We wanted to bring that same joyful and accessible learning experience to the topic of health and well-being—targeted at kids, teens, or anyone looking to explore health in a fun way.

What it does

Project Terrarium features 10 mini-games and interactive storytelling experiences designed to educate users on various aspects of physical and mental health in an engaging format. From germs and body stats to diet, balance, and even historical health changes, it’s a complete journey into well-being:

  • Germ World
  • Myth or Medicine
  • Wellness Map
  • Build Your Balance
  • Your Body In Numbers
  • Health Time Machine
  • Chat Care
  • Life Line
  • Anti Germs
  • Health Checklist

How I built it

  • Frontend: Next.js, Tailwind CSS, HTML, CSS, JavaScript, JSON
  • Backend: Node.js
  • Tools/Libraries: Shadcn UI, ReactBits, NPM packages

Challenges I ran into

  • Managing too many components and ideas alone
  • Balancing work on the project with midterm exams
  • Time constraints and feature creep

Accomplishments that I'm proud of

  • Successfully integrated ReactBits components
  • Visually improved UI/UX
  • Completed 10 unique interactive sections solo

What I learned

  • The importance of aligning project timelines with school calendars
  • Estimating realistic scope for solo work
  • Using advanced UI tools to save time

What's next for Terrarium

  • Add more games!
  • Improve mobile responsiveness
  • Collaborate with others for content accuracy and expansion
  • Add accessibility features for broader reach

Built With

Share this project:

Updates