avinash.
Home  Home  About  About  Projects  Projects  
Carbon Quest

Role:

Type:

Location:

Achievement:

Frontend Developer

Hackathon

Noida, India

Runner Up

Users lack a simple, all-in-one way to track their personal greenhouse-gas emissions and get tailored tips on the biggest areas to cut their footprint.

To develop a platform that would help users track their personal greenhouse-gas emissions and get tailored tips on the biggest areas to cut their footprint.

What are the solutions?

01

Tracking and Monitoring

Enable individuals to track their daily carbon footprint through intuitive tools and apps.

02

Community Building

Developing a new product or service to diversify the business and increase revenue streams.

03

Actionable Recommendations

Provide practical, personalized suggestions to reduce emissions in areas like energy, transportation, and lifestyle choices.

04

Awareness and Education

Increase awareness about individual contributions to carbon emissions and their global impact.

05

Reward-Based Motivation

Encourage sustainable behavior through reward systems, such as badges or incentives for eco-friendly actions.

06

Policy Support and Integration

Align personal efforts with broader government and organizational initiatives for a unified impact on carbon reduction.

Tech Stack

Chose the stack that best fit the project needs.

Frontend

Next.js

React framework for SSR & static sites

TailwindCSS

Utility-first CSS framework

TypeScript

Strongly typed JavaScript

Zod

TypeScript-first schema validation

Backend

Node.js

JavaScript runtime environment

Express

Web application framework

Exploring What Makes CarbonQuest Unique

We built an engaging platform that empowers individuals to track their carbon emissions, visualize their impact, and make eco-conscious decisions — promoting awareness and contributing to a sustainable future.

01 — Responsive

Mobile First Design

Designed with a mobile-first approach, the interface ensures a seamless experience across devices. Key actions like registration, form filling, and navigation are optimized for smaller screens — prioritizing accessibility, speed, and clarity.

Registration Page
User Dashboard
02 — UI/UX

Immersive UI/UX

The CarbonQuest dashboard brings your carbon journey to life with engaging, interactive elements that make tracking and reducing emissions both intuitive and motivating:

Dynamic Footprint Gauge
Personalized Insight Timeline
Achievement Badges & Animations
03 — Visuals

Interactive Visualizations

Dive deep into your carbon data with hands-on, exploratory charts and maps that turn raw numbers into clear action items:

Emissions Breakdown Dashboard
Peer Comparison Chart (Android App exclusive)
Goal-Setting Gauges
User Profile
04 — Daily Tracking

Advanced Daily Tracking Feature

Our Daily Tracker lets you log transport (car, bus, bike), meals, and custom activities in just a few taps. Each entry auto-calculates its CO₂ impact and updates your daily total in real time—so you always know where you stand.

Coding Assessment
Red (> 15 kg CO₂/day)

Indicates you've exceeded 15 kg of emissions—time to tackle high-impact activities like car travel or heavy appliance use.

Orange (> 10 kg CO₂/day)

Shows you're in the mid-range. You're close to the goal but could still cut back on things like meat-heavy meals or extra driving.

Green (< 10 kg CO₂/day)

You're hitting the sweet spot! Under 10 kg is aligned with sustainable daily targets—keep up the good work.

Explore the Project

Note: The backend services are not fully deployed due some limitations. Some features may be limited in the live demo. For the complete experience, please clone the repository and run it locally.