EcoNudge - Chrome Extension

EcoNudge is a lightweight, eco-friendly Chrome extension designed to inspire sustainable habits through daily eco-tips, progress tracking, and gamified elements. With a minimalistic design and dark mode feature, it seamlessly integrates into your browser to promote environmental mindfulness.

---

🚀 Features

• Daily Eco-Tips: Receive a curated tip every day to make small, impactful changes to your daily habits.
• Save Tips: Bookmark your favorite eco-tips for future reference.
• Progress Tracking: Track your progress weekly using a dynamic progress bar.
• Achievements & Badges: Unlock badges for completing weekly eco-tips.
• Dark Mode: Toggle between light and dark modes for a comfortable user experience.
• View Favorites: Easily access and manage your saved tips.

---

📁 Project Structure

The project consists of the following key files:

• popup.html: Main HTML file for the Chrome extension popup
• popup.js: JavaScript file containing app logic
• style.css: Styling for the extension UI
• manifest.json: Chrome extension manifest file
• icon128.png: Extension logo

---

🛠️ Technologies Used

• HTML: Structuring the user interface.
• CSS: Styling with modern, responsive design, including light and dark modes.
• JavaScript: Core logic for eco-tips, localStorage integration, and progress tracking.
• Chrome APIs: Utilizing extension APIs for a seamless browser experience.

---

📜 How It Works

1. Daily Eco-Tip:

   • Each day, a new tip is displayed based on the date.
   • Tips are sourced from a predefined array.

2. Save Tips:

   • Clicking the "Save to Favorites" button stores the tip locally for easy access later.

3. Progress Tracking:

   • Completing a tip updates your weekly progress.
   • Weekly progress resets at the start of a new week.

4. Achievements:

   • Users unlock badges upon completing all tips in a week, encouraging consistent engagement.

5. Dark Mode:

   • Users can toggle a dark theme for better visual comfort, especially in low-light conditions.

---

🔧 Setup & Installation

1. Clone or download the repository.
2. Navigate to chrome://extensions in your browser.
3. Enable Developer Mode.
4. Click on Load Unpacked and select the EcoNudge project folder.
5. The EcoNudge extension will appear in your browser's extension menu.

---