Back to projects
Moodl - Mood Tracking Web Application

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!


👨‍💻 Developed by [Dawood Faisal]

Moodl