Campus-sustainability-tracker

A web application built using modern web technologies and deployed using Firebase Hosting. The project demonstrates full deployment workflow including build, hosting, and production configuration.

Comment

Inspiration

Many college campuses promote sustainability, but there is often no easy way to track or encourage individual student contributions. Students may recycle, save electricity, plant trees, or report water leaks, but these efforts usually go unnoticed.

The idea behind Campus Sustainability Tracker is to create a simple platform where students can report sustainable actions and get recognized for their contributions. By introducing a leaderboard and tracking system, we aim to motivate students to actively participate in making their campus greener.

What it does

Campus Sustainability Tracker is a web application that allows students to report sustainability actions they perform on campus.

Students can:

  • Log in securely using Firebase Authentication
  • Submit sustainability actions such as recycling, saving electricity, planting trees, or reporting water leaks
  • View a dashboard showing submitted actions
  • Compete on a leaderboard that highlights the most active contributors

The platform helps create awareness and encourages friendly competition among students to promote sustainable habits.

How we built it

The project was built as a full-stack web application using modern web technologies.

Frontend:

  • HTML
  • CSS
  • JavaScript

Backend & Cloud Services:

  • Firebase Authentication for secure login
  • Firebase Realtime Database for storing sustainability reports
  • Firebase Hosting for deploying the application online

The application structure includes multiple pages such as:

  • Login page
  • Sustainability report submission page
  • Dashboard
  • Leaderboard

Firebase was used to handle user authentication and store the sustainability actions reported by students in real time.

Challenges we ran into

One of the biggest challenges was integrating Firebase services correctly with the frontend. Handling authentication, protecting pages from unauthorized access, and ensuring data was stored properly in the database required careful debugging.

Another challenge was deploying the project using Firebase Hosting and configuring the project structure correctly so that the application would display properly online.

Through solving these issues, we gained a deeper understanding of cloud services and real-world deployment workflows.

Accomplishments that we're proud of

  • Successfully building a fully functional sustainability tracking platform
  • Integrating Firebase Authentication and Realtime Database
  • Deploying the application online using Firebase Hosting
  • Creating a leaderboard system to encourage student participation

What we learned

During this project, we learned:

  • How to integrate Firebase Authentication into a web application
  • How to store and retrieve real-time data using Firebase Realtime Database
  • How to deploy a full project using Firebase Hosting
  • How to structure a multi-page web application

This project also helped improve our debugging, deployment, and cloud integration skills.

What's next for Campus Sustainability Tracker

Future improvements for the project include:

  • Adding admin analytics to view sustainability trends
  • Introducing a reward system for top contributors
  • Adding AI-based sustainability suggestions
  • Allowing photo uploads for verified sustainability actions
  • Expanding the platform to support multiple campuses

Our goal is to make Campus Sustainability Tracker a powerful tool that helps institutions measure and encourage sustainability efforts.

Built With

Share this project:

Updates