Inspiration
Mental health is the #1 health crisis of our generation. 73% of developers report burnout, 1 in 4 students struggle with anxiety, and existing wellness tools are too clinical, too expensive, or too fragmented. We wanted to build something that feels human.
What it does
SynapseMind is an all-in-one mental wellness platform with 12 fully functional pages:
- Smart Journal with AI-powered sentiment analysis and mood tracking
- AI Companion chatbot with empathetic, personalized responses
- Focus Timer with Pomodoro, animated progress rings, and breathing exercises
- Cognitive Load Monitor with multi-factor stress visualization
- Community Garden for anonymous, supportive peer networking
- Gratitude Wall for daily gratitude practice
- Habit Tracker with visual progress grid and streak counting
- Mood Calendar with color-coded emotional landscape
- Soundscapes with 6 ambient environments
- Weekly Report with auto-generated wellness summaries
- Crisis Resources for immediate access to helplines
- Data Export for journal entries as Markdown or JSON
All data persists via localStorage and works completely offline.
How we built it
Backend: FastAPI (Python) with SQLite, Pydantic validation, and a custom lexicon-based NLP engine for sentiment analysis.
Frontend: Vanilla JavaScript, HTML5 Canvas for monochrome charts, CSS3 with editorial animations and grain texture overlays. Typography: Cormorant Garamond + Inter + IBM Plex Mono.
AI/ML: Custom sentiment analysis with keyword extraction, context-aware chat responses, and scalable architecture ready for Hugging Face/OpenAI.
Design: Premium editorial monochrome aesthetic with near-black (#0f0f0f) palette and warm parchment (#d4c5a9) accents.
Challenges we ran into
- Building custom NLP without external API dependencies
- Creating responsive Canvas charts in monochrome
- Implementing full localStorage persistence across 12 pages
- Designing a premium, human-crafted interface
Accomplishments that we're proud of
- 12 fully functional pages in a single-page application
- Custom sentiment analysis engine - no external APIs needed
- Editorial monochrome design that stands out
- Full offline functionality with pre-loaded demo data
What we learned
- Building NLP pipelines from scratch using lexicon-based approaches
- The power of vanilla JavaScript without framework bloat
- Editorial design principles for premium UI
- Architecting a large SPA with shared state management
What's next for SynapseMind
- Hugging Face transformers for deeper sentiment analysis
- Real-time collaboration for study groups
- Mobile app with push notification reminders
- Therapist dashboard for professional oversight
- Wearable device integration for biometric tracking
Built With
- canvas
- css3
- fastapi
- html5
- javascript
- localstorage
- natural-language-processing
- python
- sqlite
Log in or sign up for Devpost to join the conversation.