Skip to content

Moodly - A simple and intuitive web app for tracking your daily moods. Built with React, Next.js, and Tailwind CSS, Moodly helps you log and visualize your mood over time. Start making sense of your feelings with a beautiful, responsive interface and secure data management.

Notifications You must be signed in to change notification settings

Alon2904/moodly

Repository files navigation

Moodly

[![Netlify Status](Netlify Status)

Moodly is a simple and intuitive web application that helps you track your daily moods. By keeping a daily log of how you feel, Moodly provides you with insights over time, helping you to identify patterns and make informed decisions about your well-being.

🚀 Features

  • Daily Mood Tracking: Log your mood every day with a simple and easy-to-use interface.
  • Mood Calendar: View your mood history over time with a color-coded calendar.
  • Responsive Design: Enjoy a seamless experience across desktop and mobile devices.
  • Data Privacy: Your mood logs are securely stored and only accessible by you.

🛠️ Technologies Used

  • Frontend: React, Next.js, TypeScript
  • Styling: Tailwind CSS
  • Backend: Firebase (for authentication and data storage)
  • Hosting: Netlify

🌐 Live Demo

Check out the live demo of Moodly here.

📦 Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https:/your-username/moodly.git
    cd moodly
  2. Install dependencies:

    npm install
  3. Set up environment variables:

    Create a .env.local file in the root directory and add your Firebase configuration details:

    NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
    NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-auth-domain
    NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
    NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-storage-bucket
    NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
    NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
  4. Run the development server:

    npm run dev
  5. Open the app in your browser:

    Navigate to http://localhost:3000 in your web browser.

🎨 Contributing

We welcome contributions from the community! To contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Commit your changes and push your branch.
  4. Submit a pull request and describe your changes.

Please ensure your code adheres to our coding standards and is well-documented.

🛡️ License

This project is licensed under the MIT License. See the LICENSE file for more details.


About

Moodly - A simple and intuitive web app for tracking your daily moods. Built with React, Next.js, and Tailwind CSS, Moodly helps you log and visualize your mood over time. Start making sense of your feelings with a beautiful, responsive interface and secure data management.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published