EcoTrack — Sustainable Living Platform 🌱

OverView

EcoTrack is a community-driven platform that empowers individuals to adopt eco-friendly habits through interactive challenges, tips, and events. 🌍 Together, users can track their impact, learn sustainable practices, and join upcoming environmental events.

Live Demo Link : https://sage-muffin-6fb2f1.netlify.app/

ScreenShot: https://i.postimg.cc/pXp08yLB/image.png

Tech Stack

• Frontend: React.js, CSS, Tailwind/Vanilla CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: Firebase / Google OAuth
• Hosting: Netlify

Features

• Interactive Challenges: Join, track, and complete sustainability challenges with personal progress tracking.
• Live Statistics Dashboard: Real-time metrics on community impact — CO₂ saved, plastic reduced, and active members.
• Eco Tips Feed: Curated tips to help users make smarter, greener lifestyle choices.
• Upcoming Events: Discover and participate in local/global environmental events.
• How It Works Guide: Friendly walkthrough for new users to get started.
• Secure Auth System: Email/password and Google sign-in with user profile management.

Dependency

Main dependencies used in this project:

• react
• react-router-dom
• axios
• express
• mongoose
• firebase (for authentication)
• dotenv
• cors

Installation

Follow these steps to run EcoTrack on your local machine:

• Clone the repository: git clone git@github.com:HabibShamun/A10-Client.git cd ecotrack
• Install dependencies: npm install
• Set up environment variables: Create a .env file in the root directory and add: MONGO_URI=your_mongodb_connection_string, FIREBASE_API_KEY=your_firebase_api_key
• Run the backend server: npm run server
• Run the frontend: npm start
• Open in browser: Visit http://localhost:3000