MOOD-TRACKER

A simple web app to track your daily moods, visualize trends, and manage your emotional well-being.

Features

• User authentication (sign up, login, logout) using Firebase
• Record and track daily moods
• Visualize mood history with interactive charts (Chart.js)
• Data stored securely in Firebase Firestore
• Responsive, clean UI with modern design

Tech Stack

• Frontend: HTML, CSS, JavaScript (ES6+)
• Charting: Chart.js
• Backend/Database: Firebase Authentication & Firestore

Getting Started

1. Clone the repository

   git clone https://github.com/vansh070605/MOOD-TRACKER.git
   cd MOOD-TRACKER
   

2. Install dependencies

• This project uses Firebase as a dependency (see package.json).
• If running locally with a server, ensure you have Node.js installed and run:

  npm install
  

3. Firebase Setup

• The app is pre-configured with a Firebase project in firebase.js. To use your own Firebase project:
  • Create a Firebase project at Firebase Console.
  • Replace the firebaseConfig object in firebase.js with your own credentials.

4. Run the App

• Open index.html in your browser.
• Alternatively, use a local server (e.g., VSCode Live Server, Python’s http.server) to avoid CORS issues.

Project Structure

File	Purpose
index.html	Main HTML page and UI layout
styles.css	App styling and responsive design
app.js	App logic: authentication, mood tracking, charts
firebase.js	Firebase initialization and configuration
package.json	Project dependencies (mainly Firebase)

Usage

• Sign Up / Login: Enter your email and password to create an account or log in.
• Track Mood: Select your mood for the day and submit.
• View Trends: See your mood history visualized in a pie chart.

Dependencies

• Firebase JS SDK
• Chart.js (via CDN)

Customization

• Update color schemes and fonts in styles.css.
• To add more mood options or analytics, modify app.js as needed.

License

This project is open-source. See repository for details.

Author

github.com/vansh070605

Skilled in web development with HTML, CSS, JavaScript, and Firebase, and uses Chart.js for data visualization.[1]