Project Info
This project did not submit a demo video on Devpost.
Inspiration
We're a team of three women passionate about sustainability and making a positive impact on our planet. During Cal Hacks, we wanted to build something people would enjoy using, while also promoting behavior that's good for the environment-- like recycling, walking, and taking public transportation. We were inspired by the recent controversies surrounding excessive carbon footprints of celebrities, and we know the impact of huge fanbases coming together. We decided to connect the two to help fans make a real change by reducing their own carbon footprint.
What it does
We created a webpage that allows users to visualize the CO2 emissions of celebrities by analyzing publicly accessibly flight data. Then, we allow users to input their own data by tracking steps, distance traveled through biking or taking public transportation, and even inputting product barcodes of recyclable items. We display progress bars showing each fanbase, and how close they are to reaching their goal.
How we built it
We built our webpage using Github, VSCode, Javascript for the backend, and React, Typescript, HTML/CSS for the frontend
Challenges we ran into
Our limited knowledge was a challenge at first, but we came together to research APIs and learn by doing
Accomplishments we're proud of
We're proud of our unique features, like inputting barcode data, calculating CO2 emissions from large datasets, and connecting all the components together :)
What we learned
This is our first hackathon! We learned so much about project ideation and full-stack development through this project. It's our first time writing code in Javascript and using React, interact with new APIs, and making a fully functional webpage.
What's next
We want to incentivize users to actually upload their data by creating raffles for concert tickets or movies for the fanbase with the most data. We also want to implement a login system and some more features to prevent individuals from uploading fake data.
Stan 4 Sustainability
Support your favorite celebrities? Save the Earth? COUNT US IN! Stan 4 Sustainability is a platform to help offset your favorite celebrities’ carbon footprint through YOUR own actions.
Inspiration
We're a team of three women passionate about sustainability and making a positive impact on our planet. During Cal Hacks 11.0, we wanted to build something people would enjoy using, while also promoting behavior that's good for the environment-- like recycling, walking, and taking public transportation. We were inspired by the recent controversies surrounding excessive carbon footprints of celebrities, and we know the impact of huge fanbases coming together. We decided to connect the two to help fans make a real change by reducing their own carbon footprint.
What it does
We created a webpage that allows users to visualize the CO2 emissions of celebrities by analyzing publicly accessibly flight data. Then, we allow users to input their own data by tracking steps, distance traveled through biking or taking public transportation, and even inputting product barcodes of recyclable items. We display progress bars showing each fanbase, and how close they are to reaching their goal.
How we built it
We built our webpage using Javascript, Express.js, and Node.js for the backend, and React, Typescript, HTML/CSS for the frontend
Built With
- climatiq
- openfoodfacts
- css
- html
- javascript
- json
- mjs
- opensky
- react
- typescript
Analysis
View
Metric
- 6
- 2
- 1
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- ExpressIn code
- HTMLIn code
- JavaScriptIn code
- OpenAIIn code
- ReactIn code
- Tailwind CSSIn code
- TypeScriptIn code
8 of 8 appear in the indexed code.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
43 KB
Source files
29
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
nicolemzh/Stan-4-Sustainability
50 files · 1.2 MB · @ 6123097
Structure
Interface
15 files · 30%Screens, components and styles rendered to the user.
Application logic
16 files · 32%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- TypeScript55%
- CSS19%
- JavaScript18%
- Markdown7%
- HTML1%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
my-react-app/package.json
npm · 27- @emotion/react
- @emotion/styled
- @mui/material
- @radix-ui/react-icons
- class-variance-authority
- clsx
- lucide-react
- react
- react-confetti
- react-dom
- tailwind-merge
- tailwindcss-animate
- +15 more
package.json
npm · 12- axios
- body-parser
- chart.js
- cheerio
- cors
- dotenv
- express
- multer
- node-fetch
- openai
- react-chartjs-2
- react-router-dom
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
Feature verification
Barcode input for recyclable products with CO2 calculationVerified
Users can input product barcodes of recyclable items to calculate CO2 impact
Claimed on readmehigh confidencecalhacks-flight/cal.mjs:102— /calculate_emissions/:barcode/:celebrity endpoint fetches product data from Open Food Facts by barcode and estimates emissions via Climatiqmy-react-app/src/components/fansubmissionform.tsx:163— FoodWasteModal has a barcode TextField that submits to the calculate_emissions endpoint
Climatiq API for emissions estimationVerified
Built with climatiq for calculating CO2 emissions from large datasets
Claimed on Devposthigh confidencecalhacks-flight/cal.mjs:43— searchEmissionFactor and estimateEmissions call api.climatiq.io with an API key from env
Fan data view (most popular product, total steps per fanbase)Verified
Platform aggregates and displays fan contribution data per celebrity
Claimed on readmehigh confidencecalhacks-flight/stats.js:39— /api/fan-data endpoint computes most popular product and total steps per celebrity from stored user_inputs datamy-react-app/src/screens/fanData.tsx:10— FanData screen fetches from the fan-data API and renders per-celebrity stats
Open Food Facts API for product lookupVerified
Built with openfoodfacts
Claimed on readmehigh confidencecalhacks-flight/cal.mjs:107— openFoodFactsUrl fetches product details from world.openfoodfacts.org by barcode
React/TypeScript frontend with Express/Node.js backendVerified
Built using React, Typescript, HTML/CSS for frontend and Javascript, Express.js, Node.js for backend
Claimed on readmehigh confidencemy-react-app/package.json— React + TypeScript frontend projectcalhacks-flight/cal.mjs:1— Express-based Node.js backend services (cal.mjs, health-data.mjs, index.mjs, stats.js)
Track biking/public transit distance for CO2 offsetVerified
Users can input distance traveled by biking or public transportation
Claimed on readmehigh confidencecalhacks-flight/health-data.mjs:47— calculateCO2ForOther handles 'public transport' and 'bike' modes with distinct CO2-saved ratesmy-react-app/src/components/fansubmissionform.tsx:89— Modal lets user pick Public Transport or Bike and enter distance
Track steps and convert to CO2 offsetVerified
Users can input steps to reduce/offset carbon footprint
Claimed on readmehigh confidencecalhacks-flight/health-data.mjs:38— calculateCO2ForWalking converts step count to distance and CO2 savedmy-react-app/src/components/fansubmissionform.tsx:88— Frontend transport mode selector includes 'Steps' and posts to /save_transportation endpoint
Celebrity CO2 emissions visualization from flight dataCode-supported
Users can visualize the CO2 emissions of celebrities by analyzing publicly accessible flight data
Claimed on readmemedium confidencecalhacks-flight/cal.mjs:88— API endpoint /carbon-footprint/:celebrity computes total emissions per celebrity from flights.json using jet-specific emission ratesmy-react-app/src/components/celebritychart.tsx:28— Frontend fetches from the carbon-footprint API and renders a bar chart per celebritycalhacks-flight/sample-data-generator.js:42— flights.json (the data source used) is randomly generated synthetic data, not live OpenSky flight tracking, so the 'publicly accessible flight data' claim is only partially supported
Progress bars showing fanbase proximity to goalCode-supported
Progress bars showing each fanbase and how close they are to reaching their goal
Claimed on readmemedium confidencemy-react-app/src/components/userchart.tsx:68— Renders horizontal bar-fill elements sized relative to max CO2 among fanbases, resembling progress bars, but there is no fixed numeric 'goal' value being compared against, only relative ranking among celebritiesmy-react-app/src/components/celebritychart.tsx:62— Similar bar-fill visualization for celebrity emissions, also relative rather than against a defined goal
Login system to prevent fake data uploadsClaimed only
We also want to implement a login system and some more features to prevent individuals from uploading fake data
Claimed on readmehigh confidenceOpenSky API integration for real flight dataClaimed only
Built with opensky (flight tracking data source)
Claimed on readmehigh confidenceRaffle incentive system for concert tickets/moviesClaimed only
We want to incentivize users to actually upload their data by creating raffles for concert tickets or movies for the fanbase with the most data
Claimed on readmehigh confidence
An AI agent derived these features from the project’s Devpost page and readme, then searched the code for each one. Verified features are backed by cited code; claimed-only features had no supporting code, which is not by itself proof a feature is missing.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.