🌍 Plantera — Plant Trees on a Living Earth

Source: Dev.to

🌱 What I Built

Plantera is an interactive Earth where users can plant virtual trees on real‑world locations and contribute to a global, community‑driven green map.

Core Features

• Plant trees anywhere on Earth – select locations using latitude & longitude.
• Upload images of planted trees.
• Add quotes or messages to each planting.
• Watch the Earth become greener as more people contribute.

Live Demo

https://plantera-phi.vercel.app

Repository

GitHub – anupamthakur-dev/plantera

Technical Overview

3D Globe & Rendering

• Uses a 3D interactive globe for visualizing plantings.
• Performance optimizations:
  • Grouping by plant type instead of unique models per tree.
  • Lazy rendering of markers.
  • Optimized rendering logic for large datasets, allowing smooth scaling to thousands of trees.

Planting Workflow

• Bottom floating action bar with a “Plant a Sapling 🌱” CTA.
• Bottom‑sheet modal with smooth slide animations and blurred background overlay.
• Modal system built as a state machine architecture, enabling future expansion without breaking the UI.
• Supports multiple image uploads with secure storage via Supabase.

Supabase Integration

• Authentication, Database, and Storage services.
• Row Level Security for data protection.
• Database tables:
  • users
  • plants_planted
  • plant_images

Performance & Scalability

• Lazy‑loaded modals.
• Plant type grouping.
• Minimal 3D model usage.
• Efficient database queries.
  These choices keep Plantera responsive even at global usage levels.

Development Highlights

• Extensive use of GitHub Copilot for:
  • Designing scalable architecture.
  • Building the modal state machine.
  • Structuring the services layer.
  • Optimizing performance logic.
  • Generating clean TypeScript interfaces.

Future Directions

• Partnerships with real‑tree organizations.
• Gamification elements and community challenges.
• Tree growth animations and environmental impact statistics.

Plantera transforms Earth Day awareness into an interactive, visual, community‑driven experience—each planted tree becomes a digital footprint of environmental action.

Plant a tree. 🌍