Code Monkey home page Code Monkey logo

urban-canvas's Introduction

Live Server

https://eco-impact.web.app

Quick Start

npm install

npm install firebase && npm install firebase-tools -g

Inspiration

The driving force behind our project's inception lies in our commitment to democratize the intricacies of urban planning within cityscapes. Our ambition is to cultivate a well-informed public consciousness regarding the burgeoning infrastructural developments that are shaping their cities and neighborhoods. By unveiling the mechanics of urban growth, we empower residents to engage meaningfully in the decision-making processes that influence their immediate environments. This initiative is rooted in the belief that an engaged and knowledgeable citizenry is pivotal to the collaborative evolution of our urban spaces.

How we built it

Our application is the result of an intricate blend of cutting-edge technologies, carefully selected to create an immersive and robust user experience. Here is an overview of the sophisticated tech stack we have harnessed:

  • Front-end Architecture: Our user interface is crafted using Cesium.js, which brings a rich, interactive, and 3D geospatial visualization, complemented by Google’s Photorealistic 3D Tiles for an unparalleled visual fidelity. This is seamlessly integrated with the core web trinity of HTML, CSS, Bootstrap and Vanilla JavaScript to deliver a fluid and responsive front-end experience.

  • Database and User Security: At the heart of our data management and user authentication, we have entrusted Firebase. This platform provides a comprehensive suite of tools that ensure data integrity and security while offering a streamlined, user-friendly authentication process.

  • API Integration: We have enhanced our application with potent API services from Google. The Google Maps Solar API provides insights into solar energy potential, while the Google Maps Air Quality API facilitates real-time environmental analysis. These are complementarily bolstered by the WeatherBit API, which offers real-time meteorological data. Collectively, they constitute an essential component of our data analysis infrastructure, empowering us to provide precise and actionable information to our users.

Project Structure

  • Install firebase SDK using npm to deploy and test locally

Command to test locally: firebase emulators:start

Command to deploy to firebase: firebase deploy --only hosting:eco-impact

What's next?

The application stands poised for numerous enhancements, which may encompass a diverse array of features, including but not limited to:

  • Comprehensive Environmental Impact Assessment Reports
  • Detailed Traffic Impact Analyses
  • Strategic Noise and Dust Mitigation Programs
  • Thorough Legal Compliance Documentation
  • Assessments of Local Economic Impacts

These potential extensions are designed to enrich the application's capability, providing a more in-depth and multifaceted analysis of urban planning projects.

urban-canvas's People

Contributors

dashk11 avatar

Stargazers

 avatar Swapnil Kannojia avatar

Watchers

 avatar

Forkers

swapnil99007

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.