MindMate

• 

  Main WebPage Interface

🧠 About MindMate MindMate is an AI-powered mental wellness companion designed to help individuals reflect on their emotions through journaling. It leverages OpenRouter's GPT-based sentiment analysis to offer meaningful reflections and suggestions based on users' thoughts.

💡 Inspiration Mental health struggles are widespread but often go unspoken due to social stigma or a lack of access to professional support. Journaling is a known therapeutic tool—but writing without feedback can feel like shouting into the void. We wanted to build a solution that bridges the gap between journaling and AI-powered emotional support—something private, accessible, and always available.

🛠️ What We Built Frontend: A modern React + TailwindCSS web app using Vite. Users can write their journal entries in a calming interface and receive AI-powered insights. Backend: An Express.js server hosted on Render, which integrates with OpenRouter's GPT-3.5 model for real-time sentiment analysis. AI Integration: The backend sends user journal entries to OpenRouter’s chat completion API, receives a response, and serves a human-like emotional reflection back to the frontend.

🧪 What We Learned How to build and style performant React apps using Vite and TailwindCSS. Integrating AI APIs (like OpenRouter's GPT) with a custom Express backend.

🚧 Challenges We Faced API Configuration: Handling environment variables securely across platforms during deployment. Deployment: Troubleshooting numerous frontend/backend connection issues while deploying on Vercel and Render. Frontend Styling: Ensuring TailwindCSS worked seamlessly during the build process (resolving PostCSS and Vite conflicts). Asynchronous Errors: Gracefully handling edge cases like failed API requests or latency issues to keep the experience user-friendly. Debugging deployment challenges across platforms like Render, Vercel, and Netlify. The importance of user experience when designing apps related to emotional wellness.

🌈 Impact MindMate empowers users to open up emotionally in a safe, private space and receive non-judgmental AI feedback. For individuals who may not have access to therapy, MindMate offers a small but meaningful alternative—combining the power of journaling and AI to support mental well-being.

Built With

• css
• express.js
• github
• html
• javascript
• netlify
• node.js
• openrouter
• postcss
• react.js
• render
• tailwind
• vercel
• vite