A simple and user-friendly web application that helps users track their daily moods, write personal journal entries, and view their mood history.
Mood Tracker is a responsive web application designed to help users become more aware of their emotions and maintain a record of their daily mood.
Users can select their current mood, write a journal entry, receive mood-based suggestions, and view their previous mood records. The application also provides user authentication so that each user's mood history remains separate.
- 🔐 User Registration and Login
- 👤 User Account Management
- 😊 Multiple Mood Options
- 📝 Personal Journal Entries
- 💭 Mood-based Advice and Suggestions
- 📊 Mood History
- 🔒 User-specific Mood History
- 🚪 Secure Logout
- 📱 Responsive Design
- 💾 Local Storage for Mood Data
- 🔥 Firebase Authentication
- HTML5
- CSS3
- JavaScript
- Firebase Authentication
- LocalStorage
- Git & GitHub
- Vercel
Mood-Tracker/
│
├── index.html
├── login.html
├── happy.html
├── sad.html
├── angry.html
├── depressed.html
├── boring.html
│
├── css/
│ └── style.css
│
├── js/
├── script.js
└── auth.js
- Clone the repository: git clone https://github.com/Upali22/Mood-Tracker.git
- Open the project folder in VS Code.
- Open index.html in a web browser.
- Register a new account or log in with an existing account.
Firebase Authentication is used to provide:
- User registration
- User login
- User logout
- User account identification Each authenticated user has a separate mood history.
Mood entries are stored using browser LocalStorage.
The application uses the authenticated user's Firebase ID to maintain separate mood history for different users.
Mood Tracker: https://mood-tracker-peach-three.vercel.app/
- Mood analytics and charts
- Weekly and monthly mood reports
- Cloud-based mood history
- Email verification
- Password reset
- Mood reminders
- Additional mood categories
Upali Aparajita Patra
GitHub: https://github.com/Upali22
⭐ If you find this project useful, consider giving it a star!