Inspiration
Environmental data is scattered across different sources, making it difficult for people to understand the overall health of their city. I wanted to create something that makes this information simple and visual.
DNA of a City is like a medical checkup for cities — turning environmental signals into an easy-to-understand health profile.
What I Built
Users can search for a city and explore its environmental health across Air, Water, Green Space, Climate, and Waste. The project also includes city comparisons and historical timeline views.
How I Built It
I built the prototype with Next.js, React, TypeScript, and Tailwind CSS, focusing on a clean dashboard and interactive visualizations. I also used AI-assisted development to help with prototyping and refining the application.
What I Learned & Challenges
I learned how important clear data visualization is when presenting complex environmental information. Building under a tight deadline also forced me to prioritize the core experience, solve technical problems quickly, and deploy a working prototype.
What's Next
The project could be expanded with more verified real-world datasets, automated data collection, deeper AI analysis, and more detailed recommendations for cities.
Built With
- css
- next.js
- react
- tailwind
- typescript
- vercel
