What I Built

I built an interactive dashboard inspired by the Great Green Wall of India and Rajasthan's local afforestation drives. This app simulates the greening of the Thar Desert, allowing users to "plant" native trees like Khejri, Rohida, and Ber while tracking real-time environmental impact

As you plant more trees, the desert visually transforms from a dry arid landscape into a lush green forest, showing the power of collective action.

Code

You can explore the source code here:

17J / rajasthan-desert-greening-tracker

Rajasthan Desert Greening Tracker

A visually engaging, interactive dashboard inspired by the Great Green Wall of India, designed to simulate and track afforestation efforts in Rajasthan’s arid Thar Desert. Built with React, Vite, Tailwind CSS, and Lucide Icons.

🌱 Concept

The Rajasthan Desert Greening Tracker draws inspiration from the ambitious Great Green Wall of India initiative. It focuses on Rajasthan’s unique desert ecosystem, empowering users to virtually plant native trees and witness the transformation of barren landscapes into thriving green zones.

🚀 Features

Interactive Planting Simulator: Plant native Rajasthani species—Khejri (State Tree), Rohida, and Ber—with a single click.
Impact Tracking: Real-time updates on CO₂ absorption, water conservation, and total area greened as you plant more trees.
Dynamic Visuals: The dashboard background transitions smoothly from sandy desert (#EDC9AF) to lush forest green (#2D5A27) as afforestation progresses.
Shareable Impact Card: Beautiful, Rajasthani-inspired card layout for your environmental achievements.
Modern Tech Stack: Built…

View on GitHub

How I Built It

I used React with Vite for a lightning-fast experience. The core challenge was mapping environmental data to user actions. I researched the CO2 absorption rates and water requirements of native Rajasthani species to make the simulation as realistic as possible.

The Role of AI: GitHub Copilot

This project was a race against time, and GitHub Copilot was my primary partner. It helped me:

Data Structuring: Copilot quickly generated the complex data arrays for native tree species, including their specific scientific names and environmental impact constants.

Complex UI Transitions: I used Copilot to write the Tailwind CSS and React state logic that transitions the desert's background color from sand yellow (#EDC9AF) to lush green (#2D5A27) based on the "Greening Level."

Optimization: It suggested cleaner ways to handle the "Plant a Tree" click events to ensure the UI remained responsive as the forest grew.

DEV Community

Reviving the Thar: Building a Desert Greening Tracker for Rajasthan 🌵🌳