MoodSphere is a simple, elegant, and colorful web app designed to help you track your daily moods 🌈. By allowing users to log their feelings, view their emotional history on an interactive calendar, and reflect with notes, MoodSphere supports mental health awareness and emotional well-being.
- Features
- Tech Stack
- Installation
- Usage
- How It Works
- Live Demo
- Screenshots
- Contributing
- License
- Contact
- 🎨 Colorful Mood Selector – Choose from icons representing moods like Happy 😊, Sad 😢, Neutral 😐, and more.
- 📅 Interactive Calendar – See your emotional history with a color-coded calendar.
- ✍️ Personal Notes – Reflect on your day with optional written notes.
- 💾 Local Storage – Your data stays on your browser, even after refresh.
- ⏰ Daily Reminders – Get notified to log your mood every day.
- 🎞️ Smooth UI – Clean animations and transitions for a calming experience.
- 🎨 Minimal Design – Built with soft pastel colors to keep the focus on your emotional journey.
| Technology | Purpose |
|---|---|
| HTML5 | App structure |
| CSS3 | Styling and responsive layout |
| JavaScript | Functionality and logic |
| LocalStorage API | Storing user mood data locally |
To get MoodSphere running locally:
-
Clone the Repository git clone https://github.com/SivaDurshika-G/MoodSphere-.git
-
Open in Browser Simply open index.html in your preferred browser. No server or build setup needed.
https://sivadurshika-g.github.io/MoodSphere-/
We welcome contributions from the community! To contribute: Fork the repository Create a new branch: git checkout -b feature/your-feature-name Make your changes Commit and push: git commit -m "Add your message" Open a Pull Request
This project is licensed under the MIT License. See the LICENSE file for full details.
Created by Siva Durshika Email: sivadurshika@gmail.com GitHub: @SivaDurshika-G