🎙️ Memoire — Your Days, Beautifully Remembered

Memoire is an elegant, voice-first journaling web app that captures your spoken thoughts, transforms them into beautifully written entries using Anthropic's Claude AI, and reads them back to you with synchronized word highlighting. Built entirely in a single HTML file — no frameworks, no backend, no build tools. Just open and journal.

---

📑 Table of Contents

• Features
• Screenshots
• Live Demo
• Technologies
• Project Structure
• How It Works
• Installation
• Future Improvements
• Contributing
• License
• Author

---

✨ Features

✅ Hold-to-Talk Voice Capture — Press and hold the mic, speak naturally, and watch your words appear in real time

✅ Live Audio Waveform — Beautiful animated waveform visualizer responds to your voice while recording

✅ Bilingual Voice Recognition — Seamlessly toggle between English and Hindi speech recognition

✅ AI-Powered Journal Refinement — Raw transcripts are polished into eloquent journal entries via Claude API with auto-generated titles and thematic tags

✅ Four Writing Tones — Reflective, Storytelling, Casual, and Formal — match the mood of every entry

✅ Text-to-Speech Playback — Listen to your refined entries with real-time word-level highlighting synced to audio

✅ Multiple Voice Options — English Male, English Female, Hindi Male, and Hindi Female voices

✅ Document Library — Upload .txt or .pdf files, extract their text, and have any document read aloud

✅ Flexible Export Options — Download as beautifully formatted PDF, copy to clipboard, or save as plain .txt

✅ Dark Distraction-Free Interface — Warm amber accents on a deep dark background, designed for calm and focus

✅ Bring-Your-Own API Key — Your Anthropic key stays in your browser, never touches any server

✅ Zero Backend — Fully client-side, no server needed

✅ Fully Responsive — Works beautifully on desktop, tablet, and mobile

---

📸 Screenshots

---

🚀 Live Demo

https://dhruvpandit46.github.io/Memorie/

---

⚙ Technologies Used

• HTML5 — Semantic structure
• CSS3 — Custom properties, flexbox, animations, dark theme
• JavaScript (Vanilla, ES6) — All application logic
• Web Speech API — SpeechRecognition + SpeechSynthesis
• Web Audio API — Real-time microphone visualization
• Anthropic Claude API (claude-sonnet-4-20250514)
• jsPDF — Client-side PDF generation
• PDF.js — PDF text extraction
• Google Fonts — Inter, Lora, Playfair Display

---

📂 Project Structure

Memorie/
│
├── index.html          
├── script.js
├── style.css
├── images/             
└── README.md

---

⚡ How It Works

Capture Tab — Voice Journaling

1. Choose your language — Select English or Hindi for voice recognition before recording
2. Hold to record — Press and hold the mic button, speak your thoughts freely; a live waveform dances to your voice
3. Edit the transcript — Your raw words appear in the text area; fix any recognition errors or type directly
4. Pick your tone — Choose from Reflective, Storytelling, Casual, or Formal
5. Refine with AI — Tap the button and Claude transforms your raw thoughts into a polished first-person journal entry complete with a fitting title and relevant tags
6. Listen back — Select a voice and hear your entry read aloud with each word highlighted in real time as it's spoken
7. Export your entry — Download as a styled PDF, copy to clipboard, or save as a .txt file

Library Tab — Document Narration

1. Upload a document — Drag and drop any .txt or .pdf file onto the upload area
2. Text is auto-extracted — The app instantly pulls all readable text from your file
3. Listen to it — Use the same text-to-speech controls with voice selection and word highlighting

---

📦 Installation

Clone the repository

git clone https://github.com/dhruvpandit46/Memorie.git

Go inside the project

cd Memorie

Run

Simply open index.html in your browser.

To enable AI refinement, open index.html in any text editor, locate the CONFIG object at the top of the <script> tag, and replace the ANTHROPIC_API_KEY value with your own key from console.anthropic.com.

Your key is stored only in your browser and is never sent anywhere except directly to Anthropic's API.

No installation. No build step. No server required.

---

🎯 Future Improvements

• Local storage for saving and browsing past journal entries
• Full journal timeline with search and date filtering
• Additional AI tones (Poetic, Gratitude Log, Bullet Journal)
• Light mode / theme toggle
• PWA support for offline journaling
• Export as Markdown
• Keyboard shortcuts for power users
• Tag-based entry organization
• Streak tracking and journaling reminders

---

🤝 Contributing

Contributions are welcome.

1. Fork the repository
2. Create your feature branch
3. Commit your changes
4. Push your branch
5. Open a Pull Request

---

📜 License

Licensed under the MIT License.

MIT © 2026 Dhruv Pandit.

See the LICENSE file for full license details.

---

👨‍💻 Author

Dhruv Pandit

GitHub — https://github.com/dhruvpandit46

LinkedIn — https://linkedin.com/in/dhruv-pandit-755786326

Instagram — https://instagram.com/dhruv_pandit2007

---

⭐ Support

If you found Memoire useful, please consider giving it a star on GitHub.

It helps others discover the project and supports future development.