# Mood Journal - AI-Powered Emotion Tracker
A beautiful, AI-powered mood tracking application that helps you understand your emotional patterns, celebrate growth, and nurture your wellbeing through intelligent journaling.
## β¨ Features
- **π― Intelligent Mood Tracking** - Track emotions with AI-powered sentiment analysis
- **π Beautiful Journaling Interface** - Intuitive and calming design for daily reflection
- **π Emotional Insights** - Understand your patterns with visual mood analytics
- **π Privacy-First** - Secure authentication and data protection with Supabase
- **π Dark/Light Mode** - Adaptive theming for comfortable use anytime
- **π± Responsive Design** - Works seamlessly across all devices
- **β‘ Fast Performance** - Optimized with Vite and modern web technologies
## π Tech Stack
- **Frontend**: React 18 + TypeScript + Vite
- **Styling**: Tailwind CSS with custom design system
- **UI Components**: Radix UI + shadcn/ui
- **Backend**: Supabase (Database + Authentication + Storage)
- **State Management**: TanStack Query
- **Routing**: React Router
- **Forms**: React Hook Form + Zod validation
- **Charts**: Recharts for mood analytics
- **Icons**: Lucide React
## ποΈ Getting Started
### Prerequisites
- Node.js 18+
- npm or bun
- Supabase account
### Installation
1. **Clone the repository**
```bash
git clone
cd mood-journal
```
2. **Install dependencies**
```bash
npm install
# or
bun install
```
3. **Set up environment variables**
Create a `.env` file in the root directory:
```env
VITE_SUPABASE_PROJECT_ID=your-project-id
VITE_SUPABASE_PUBLISHABLE_KEY=your-anon-key
VITE_SUPABASE_URL=your-project-url
```
4. **Start the development server**
```bash
npm run dev
# or
bun dev
```
5. **Open your browser**
Navigate to `
localhost`
## ποΈ Database Setup
The app uses Supabase for backend services. You'll need to set up the following tables:
### Journal Entries
```s β¦