Daily Mood and Habit Tracker

Table of Contents

1. Introduction
2. Features
3. Getting Started
4. How to Use
5. Technical Details
6. Contributing
7. License

Introduction

The Daily Mood and Habit Tracker is a web application designed to help users monitor their daily mood and track up to 5 custom habits. This tool provides insights into your emotional well-being and habit formation over time, allowing you to make positive changes in your life.

Features

• Daily mood tracking using emoji ratings
• Gender-specific habit suggestions
• Custom habit tracking (up to 5 habits)
• 7-day overview chart
• Weekly summary report
• Responsive design for desktop and mobile use
• Firebase backend integration for authentication and data storage
• Inline error feedback and improved accessibility

Getting Started

Prerequisites

• A modern web browser (e.g., Chrome, Firefox, Safari)
• Internet connection (for initial load and CDN resources)
• A Firebase project (see below)

Installation

1. Clone the repository or download the source code:

   git clone https://github.com/Barontex1000/Daily-Mood-and-Habit-Tracker.git
   

2. Navigate to the project directory:

   cd mood-habit-tracker
   

3. Open the index.html file in your web browser.
4. Configure Firebase:
   • Copy your Firebase project config into js/firebase-config.js as shown in the comments.

No additional installation or setup is required as the application runs entirely in the browser.

How to Use

1. Sign Up/Login: Create an account or log in to an existing one. Authentication is handled by Firebase Auth.
2. Select a Date: Use the date picker to choose the date you want to track.
3. Rate Your Mood: Click on an emoji that best represents your mood for the selected date.
4. Select Gender: Choose your gender to see relevant habit suggestions.
5. Track Habits: Check off the habits you've completed for the day. You can:
   • Use pre-defined habits based on your gender selection
   • Add custom habits (up to 5) using the "Add Custom Habit" button
6. Save Entry: Click the "Save Entry" button to record your mood and habits for the day. Data is stored securely in Firestore under your user account.
7. View 7-Day Overview: Scroll down to see a chart showing your mood and habit completion over the last 7 days (data is loaded from Firestore).
8. Read Weekly Report: Below the chart, you'll find a summary of your week, including average mood and habit completion rates.
9. Logout: Use the logout button in the header when you're done.

Technical Details

The application is built using:

• HTML5
• CSS3
• JavaScript
• Chart.js
• Bootstrap
• Firebase (Auth & Firestore)

Contributing

I welcome contributions to improve the Daily Mood and Habit Tracker! If you'd like to contribute, please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/AmazingFeature)
3. Make your changes
4. Commit your changes (git commit -m 'Add some AmazingFeature')
5. Push to the branch (git push origin feature/AmazingFeature)
6. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

---

Thank you for using the Daily Mood and Habit Tracker! We hope it helps you gain valuable insights into your daily life and supports your personal growth journey.