A frontend mental wellness web application built for a hackathon, designed to help users track their mental health, reflect through journaling, explore mindfulness, and connect with a supportive community.
🔗 Live Demo: auremind.vercel.app
AureMind is a mental health–focused web app that provides a calm, accessible space for users to check in with themselves. Built as a hackathon project, it brings together several wellness tools into one clean interface — from mood tracking to a personal diary and a mindful community space.
| Section | Description |
|---|---|
| 🏠 Home | Dashboard overview and wellness summary |
| 💚 Wellness | Tools and resources to support mental well-being |
| 📓 Diary | Private journal to log thoughts, moods, and daily reflections |
| 🌌 Mindscape | Mindfulness and relaxation space for mental clarity |
| 🤝 Community | Connect with others on similar wellness journeys |
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- React: React 19
- Linting: ESLint + Prettier
- Deployment: Vercel
- Node.js 18+
- npm or yarn
# 1. Clone the repository
git clone https://github.com/AravDakshZen/auremind.git
cd auremind
# 2. Install dependencies
npm install
# 3. Set up environment variables
# Copy .env and fill in any required values
cp .env .env.local
# 4. Start the development server
npm run devOpen http://localhost:4028 in your browser.
auremind/
├── public/ # Static assets (images, icons)
├── src/
│ ├── app/ # Next.js App Router pages
│ │ ├── layout.tsx # Root layout
│ │ ├── page.tsx # Entry page
│ │ ├── home-dashboard/ # Home section
│ │ ├── wellness/ # Wellness tools
│ │ ├── diary/ # Personal diary
│ │ ├── mindscape/ # Mindfulness space
│ │ └── community/ # Community section
│ ├── components/ # Reusable UI components
│ └── styles/ # Global styles
├── .env # Environment variables
├── next.config.mjs # Next.js configuration
├── tailwind.config.js # Tailwind CSS configuration
└── package.json # Dependencies and scripts
This project uses Tailwind CSS for styling with the following features:
- Utility-first approach for rapid development
- Custom theme configuration
- Responsive design utilities
- PostCSS and Autoprefixer integration
npm run dev- Start development server on port 4028npm run build- Build the application for productionnpm run start- Start the development servernpm run serve- Start the production servernpm run lint- Run ESLint to check code qualitynpm run lint:fix- Fix ESLint issues automaticallynpm run format- Format code with Prettier
Build the application for production:
npm run buildTo learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API
- Learn Next.js - an interactive Next.js tutorial
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
- Built By AravDakshZen
- Powered by Next.js and React
- Styled with Tailwind CSS
This project is open source. Feel free to fork, learn from, and build on it.
Built with ❤️ for mental health awareness.