This is a Next.js project bootstrapped with create-next-app.
MindMonitor is a modern mental health tracker that helps you log your mood, activities, and wellness metrics. It provides analytics, streaks, and AI-powered journaling to support your emotional well-being.
- Next.js for frontend and app routing
- Supabase for authentication and real-time database (showcase-ready)
- MongoDB for scalable data storage (showcase-ready)
- n8n for AI automation and journaling via webhook
- Tailwind CSS for styling and responsive design
First, install dependencies:
npm install
# or
yarn install
# or
pnpm install
# or
bun installThen, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the main page by modifying src/app/page.tsx. The page auto-updates as you edit the file.
src/app/– Next.js app directory (pages, layout, global styles)src/components/– React components (includingMentalHealthTracker)src/lib/– Integration files for Supabase and MongoDB (showcase only)public/– Static assetssrc/app/globals.css– Global styles (Tailwind + custom CSS)
- Supabase: Ready-to-use client setup for authentication and real-time database (see
src/lib/supabaseClient.ts). - MongoDB: Showcase client setup for scalable data storage (see
src/lib/mongo/mongoClient.ts). - n8n AI Automation: AI-powered journaling and automation via webhook integration.
You can deploy this Next.js app on the following platforms:
🔹 Vercel
Seamless integration with Next.js and supports ISR, SSR, and static exports.
🔗 Live Demo: nexium.vercel.app
🔹 Netlify
Fully supports Next.js SSR and static export via next export.
🔗 Live Demo: mindmonitor.netlify.app
📘 See Netlify Next.js docs for setup instructions.
📚 Also check out the official Next.js deployment guide for more options.
Create a .env.local file for any environment-specific variables (see .gitignore for details).
Pull requests are welcome! For major
