Inspiration

Living in Almaty, I experience the heavy urban smog and air pollution almost every day. Traditional trees take decades to grow and struggle near busy roads. This harsh reality inspired me to look into mechanical smart trees. I wanted to leverage GreenTech to build a software ecosystem that helps my city breathe, tracks air quality in real-time, and creates a healthier environment for everyone in Almaty.

What it does

CyberTree Net is a web dashboard that simulates a network of smart air-filtering trees in Almaty. Since I'm a beginner working solo, I focused on the software: an interactive map with real-time pollution data (CO2 levels), charts showing how much air is cleaned, and a simple interface for citizens to check their neighborhood's air quality.

How we built it

As a solo developer, I focused entirely on building a clean and responsive web interface using HTML, CSS, and JavaScript.Since the mechanical smart trees don't exist physically yet, I simulated the IoT infrastructure by generating realistic datasets for air quality (CO2 and PM2.5 levels) and energy production. I used simple JavaScript to feed this simulated data into an interactive map interface and rendered the real-time ecological stats using charts, making the technical concept of a smart city visible and understandable at a glance.

Challenges we ran into

Flying solo was the hardest part. It was tough to handle the idea, design, and code all by myself without burning out. Since I don't have real hardware, figuring out how to simulate realistic data and make it look live on the map took a lot of annoying trial and error.

Accomplishments that we're proud of

I'm really proud that I didn't back down and took on a huge problem like Almaty's smog all by myself. It wasn't easy to handle the idea, design, and code as a solo developer, but I managed to turn complex ecological data into a simple dashboard that anyone can understand. Proving to myself that I can build something meaningful for my city is my biggest win.

What we learned

I learned that you don't need a huge team or actual hardware to pitch a great smart city idea. This hackathon forced me to figure out how to simulate data, design a dashboard from scratch, and manage my time under pressure. It definitely made me a much more independent developer.

What's next for CyberTree Net

Next, I want to move past simulated data and connect the dashboard to real open-source air quality APIs in Almaty. I also want to improve the UI, add mobile support so citizens can check the map on their phones, and eventually collaborate with hardware enthusiasts to see how we could link this software to a real physical prototype.

Built With

  • css3
  • echnologies-used-frontend:-html5
  • javascript-(es6)-maps-&-ui:-leaflet.js-(for-the-interactive-almaty-map)
  • openstreetmap-charts:-chart.js-(for-real-time-air-quality-visualization)-design-&-prototyping:-figma-platform:-devpost
Share this project:

Updates