A private, emotion-aware journaling web app that helps users express their feelings safely and receive gentle AI feedback, visualized emotional reports, and music suggestions — all stored locally for full privacy.
| Layer | Technology | Purpose |
|---|---|---|
| Frontend | Next.js 15 (React 19) | UI rendering, routing |
| Styling | TailwindCSS + Framer Motion | Smooth animations & transitions |
| Database | IndexedDB (Dexie.js) | Local diary storage |
| AI Integration | OpenAI GPT-4 API | Companion dialogue & mood reflection |
| Audio | Web Speech API + Howler.js | Voice input + music playback |
| TypeScript | Full type safety | Enhanced development experience |
Clone or download this project
Install dependencies
cd invisible-journal
npm install
.env.local file (optional - you can also enter the API key in the app):NEXT_PUBLIC_OPENAI_API_KEY=your_openai_api_key_here
npm run dev
| Emotion | Color | Hex |
|---|---|---|
| Joy | Soft Yellow | #FFEAA7 |
| Sadness | Deep Blue | #74B9FF |
| Anxiety | Pale Red | #FAB1A0 |
| Peace | Mint Green | #81ECEC |
| Nostalgia | Lavender | #A29BFE |
| Anger | Warm Orange | #E17055 |
| Love | Blush Pink | #FDA7DF |
| Neutral | Light Gray | #DFE6E9 |
This is a personal project, but suggestions and feedback are welcome! Feel free to:
MIT License - feel free to use this project for personal or educational purposes.
This app is not a replacement for professional mental health care. If you're experiencing serious emotional distress, please seek help from a qualified therapist or counselor.
Made with 💜 for your emotional wellbeing