Back to projects
Moodl - Mood Tracking Web Application
Dawood Faisal / August 26, 2024
Moodl
Moodl is a web application designed to help users track and visualize their moods over time. It provides a simple and intuitive interface where users can log their daily mood and receive insights based on their inputs. Built using React.js, TailwindCSS, and Firebase, it offers a seamless, responsive user experience with real-time data storage and retrieval.
Key Features
- Mood Tracking: Users can log their daily mood with a simple form.
- Mood History: View past mood entries with a timeline for better self-awareness.
- Data Insights: Get insights on mood patterns based on the data tracked.
- Responsive UI: Built with TailwindCSS for a responsive and modern design across all devices.
- Real-time Database: Powered by Firebase for real-time data syncing and authentication.
- Authentication: Secure login and registration using Firebase Authentication.
Tech Stack
- Frontend: React.js (with hooks)
- Styling: TailwindCSS
- Backend: Firebase (Firestore for database, Authentication for user management)
- State Management: React hooks and context API
Installation & Setup
Follow these steps to run the project locally:
git clone https://github.com/heydawood/Moodl.git
cd Moodl
npm install
📦 Dependencies
Key dependencies used in this project include:
- React.js - A JavaScript library for building user interfaces
- Tailwind CSS - A utility-first CSS framework for rapid UI development
(You can add more dependencies if needed)
✨ Contributions
Feel free to submit issues or pull requests if you find bugs or want to enhance this project. Contributions are welcome!