A community-driven environmental web app that allows users to log tree planting activities and visualize their collective climate impact.
Deforestation and climate change are critical global issues. Trees absorb CO₂ and help restore ecological balance.
This application allows users to:
- Log planted trees
- Select planting location on an interactive map
- View total trees planted
- See estimated CO₂ absorption
- Track total planting locations
- View leaderboard of contributors
- React + TypeScript (Vite)
- Firebase Authentication
- Firebase Firestore
- Leaflet (OpenStreetMap)
- Vercel (Deployment)
Each tree absorbs approximately 22kg of CO₂ per year. The app calculates collective climate impact in real time.
- Google Authentication
- Real-time Firestore updates
- Map-based location tracking
- Leaderboard system
- Filter by current user
- Animated dashboard counters
- Species suggestions
- Delete functionality
- Premium glass-style dashboard
- Dark mode toggle
- Custom green map markers
- Interactive statistics charts
Charts powered by Recharts library to display:
- Top contributors
- Tree distribution
- Environmental impact trends
Users can toggle between light and dark themes for accessibility.
npm install
npm run dev