๐ฟ Carbon Footprint Calculator
Track, reduce, and breathe cleaner air!
โจ Overview
A modern Next.js application that calculates your carbon footprint based on lifestyle factors like transportation, diet, and energy usage. The calculator provides:
- Detailed breakdown of emissions by category
- Visual comparisons to global and US averages
- Personalized recommendations for reduction
- Responsive design with smooth animations
Built with Next.js for optimal performance and clean UI design principles.
๐ Features
| Category | Details |
|---|---|
| Calculator | Transportation, diet, housing, energy, flights, and shopping inputs |
| Results | Comparative analysis, actionable recommendations |
| UI/UX | Responsive design, animated transitions, accessible color schemes |
| Performance | Optimized bundle size, lazy loading, efficient state management |
๐ Pages
- Home/Landing Page (
/)
- Home/Landing Page (
- Calculations Page (
/calculate)
- Calculations Page (
๐ ๏ธ Tech Stack
๐ค Fonts
| Font | Type | Implementation |
|---|---|---|
| Exo 2 | Sans-serif | @import from Google Fonts |
| Dirtyline 36 | Display | Local WOFF2 file in /public/fonts |
โ๏ธ Installation
Follow these steps to set up and run the project on your local machine:
- Clone the Repository
git clone https://github.com/jane-does-coding/lumea
- Install Dependencies
npm i
- Run Locally
bash npm run dev
๐ฏ Purpose
Environmental Impact: Democratizes access to complex carbon calculations through an intuitive interface.
Behavioral Change: Visual data presentation encourages users to adopt more sustainable lifestyle choices.
๐ค Contributing
Fork the repository
Create your feature branch (git checkout -b feature/amazing-feature)
Commit changes (git commit -m 'Add amazing feature')
Push to branch (git push origin feature/amazing-feature)
Open a Pull Request
Built With
- nextjs
- react
- tailwing
- typescript


Log in or sign up for Devpost to join the conversation.