MindMate

MindMate is a mental health companion application designed to provide a safe and supportive space for users to manage their mental well-being. It offers a range of features to help users track their mood, practice mindfulness, and gain insights into their emotional patterns.

Live Demo:

https://mindmatesupport.netlify.app/

Features

• Authentication: Secure user authentication (login/signup) to protect user data.
• Dashboard: A centralized dashboard to access all the features of the application.
• Journaling: A digital journal for users to record their thoughts, feelings, and experiences.
• Meditation: Guided meditation sessions with calming audio and 3D visualizations.
• Mood Tracking: An intuitive interface to track daily moods and emotions.
• Mood Insights: Visual charts and insights to help users understand their mood patterns over time.
• 3D Visualizations: Interactive 3D elements to create a calming and immersive user experience.

Technologies Used

• Frontend:
  • React
  • Vite
  • TypeScript
  • Tailwind CSS
• 3D Graphics:
  • Three.js
  • React Three Fiber
  • React Three Drei
• Backend & Database:
  • Supabase
  • Firebase
• Linting & Formatting:
  • ESLint

Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/sidduathlete/MindMate.git

2. Navigate to the project directory:

   cd mindmate

3. Install the dependencies:

   npm install

Running the Application

To start the development server, run the following command:

npm run dev

This will start the application on http://localhost:5173.

Available Scripts

• npm run dev: Starts the development server.
• npm run build: Builds the application for production.
• npm run lint: Lints the codebase using ESLint.
• npm run preview: Previews the production build locally.
• npm run typecheck: Performs type checking using TypeScript.