EnvironPath

EnvironPath turns everyday waste into actionable insight. Track what you throw away, visualize your environmental impact, and discover how small changes reduce your footprint.

Comment

Inspiration

Most people want to be environmentally conscious but lack data to understand their personal impact. We created Environpath to make sustainability tangible—showing users how daily waste habits accumulate and offering practical alternatives that fit their lifestyle. The hackathon's Past, Present, Future theme perfectly aligned: historical waste trends, current personal footprint, and future projections based on choices.

What We Learned

  • Data storytelling matters more than raw numbers
  • Personalization drives engagement—users connect when they see their impact
  • Practical alternatives beat restrictions
  • React state management and conditional rendering for dynamic UX

How We Built It

  • Tech Stack: React, TypeScript, Vite, CSS We built five modular sections: welcome, dynamic input form (supporting custom waste types and time periods), historical data visualization, dual footprint comparison, and smart lifestyle alternatives. We used React hooks for state management and created formulas to convert waste quantities into CO2 impact metrics.

Challenges We Faced

  • Git setup: Learned to handle merge conflicts and unrelated histories
  • Data accuracy vs. simplicity: Balanced scientific precision with user-friendly design
  • Conditional rendering: Implemented smart state management to progressively reveal sections
  • Time constraints: Prioritized core functionality over advanced features

🌱 What's Next

  • Partner affiliation and affiliate marketing for user incentivization
  • Mobile application
  • Real data integration
  • Interactive graphs with Chart.js
  • Community comparison features
  • Gamification
  • Carbon offset partnerships.
Share this project:

Updates