Track, reduce, and breathe cleaner air!
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.
| 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 |
-
- Home/Landing Page (
/)
- Home/Landing Page (
-
- Calculations Page (
/calculate)
- Calculations Page (
| Font | Type | Implementation |
|---|---|---|
| Exo 2 | Sans-serif | @import from Google Fonts |
| Dirtyline 36 | Display | Local WOFF2 file in /public/fonts |
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
npm run dev
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..
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