💧 AquaSave - Water Conservation Dashboard

A modern, interactive water usage tracking and conservation dashboard built with Next.js 14, featuring real-time analytics, gamification, and sustainability insights.

✨ Features

• 📊 Usage Analytics: Track daily, weekly, and monthly water consumption with interactive charts
• 🏆 Gamification: Earn points, unlock badges, and participate in water-saving challenges
• 📈 Smart Insights: Get personalized tips and recommendations based on your usage patterns
• 🌍 Virtual Water Footprint: Calculate the hidden water cost of products you consume
• 👥 Community Leaderboard: Compare your conservation efforts with neighbors
• 🌓 Dark/Light Mode: Seamless theme switching for comfortable viewing
• 📱 Responsive Design: Optimized for all devices and screen sizes

🛠️ Tech Stack

• Framework: Next.js 14 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: Radix UI primitives
• Charts: Recharts
• Animations: Framer Motion
• Theme: next-themes
• Icons: Lucide React

🚀 Getting Started

Prerequisites

• Node.js 18+ and npm

Installation

1. Clone the repository:

git clone https://github.com/yasharth2004/AquaSave.git
cd AquaSave

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser

📦 Build for Production

npm run build
npm start

🎨 Key Components

• Enhanced Dashboard: Main water usage dashboard with multiple visualization tabs
• Theme Provider: Dark/light mode support with system preference detection
• Chart Components: Reusable chart containers with consistent styling
• UI Components: Custom-styled buttons, cards, inputs, and more

🌟 Features in Detail

Water Usage Tracking

• Input daily water consumption
• View weekly trends and patterns
• Compare against neighborhood averages

Gamification System

• Point-based reward system
• Unlockable achievement badges
• Water-saving challenges

Analytics

• Usage breakdown by category (Bathroom, Kitchen, Laundry, Outdoor)
• Predictive analytics for future consumption
• Goal tracking with visual progress indicators

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

👤 Author

Yasharth Kesarwani

• GitHub: @yasharth2004

🙏 Acknowledgments

• Built with Next.js
• UI components from Radix UI
• Charts powered by Recharts
• Icons from Lucide