MindGarden

Mental health crisis response frontend with AI-powered support.

Tech Stack

• React 18 - UI framework
• TypeScript - Type safety
• Vite - Build tool and dev server
• Tailwind CSS - Styling
• React Router DOM - Routing
• Framer Motion - Animations
• Axios - HTTP client
• Socket.io-client - Real-time communication

Setup Instructions

1. Install dependencies:

   npm install

2. Start development server:

   npm run dev

3. Open in browser: Navigate to http://localhost:5173

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build

Project Structure

mindgarden/
├── src/
│   ├── App.tsx          # Main app component
│   ├── main.tsx         # Entry point
│   └── index.css        # Global styles with Tailwind
├── index.html           # HTML template
├── package.json         # Dependencies and scripts
├── vite.config.ts       # Vite configuration
├── tsconfig.json        # TypeScript configuration
├── tailwind.config.js   # Tailwind CSS configuration
└── postcss.config.js    # PostCSS configuration

Features

• Clean, modern UI with Tailwind CSS
• Smooth animations with Framer Motion
• Type-safe development with TypeScript
• Fast development with Vite
• Ready for real-time features with Socket.io
• HTTP client setup with Axios