Live Demo: https://constantine-s-an.github.io/Dream-Note/
An immersive, single-page dream journal. Record memories with text or voice, pair them with images, and browse them in a moody gallery backed by a live WebGL sky.
- WebGL particle background powered by Three.js.
- Voice input (Web Speech API) plus emoji-like mood detection to generate a warm auto-reply.
- Local image attachment and preview for each entry.
- Persistent journal storage in
localStorage, rendered as a gallery and list. - Works offline once loaded; no backend.
-
Clone the repo
git clone https://github.com/Constantine-S-AN/Dream-Note.git -
Serve the page (pick one):
- Quick preview: open
index.htmldirectly in a modern browser. - Local server (recommended for assets/security):
cd Dream-Note && python3 -m http.server 8000
- Open the app at
http://localhost:8000(or the file URL if opened directly).
- Data lives only in your browser via
localStorage. Clearing site data removes entries. - Voice input uses the browser’s Web Speech API (best in Chrome). Allow microphone access to use it.
- Images are stored as base64 in
localStorage; keep file sizes modest to avoid large storage usage. - No build tools are required; everything is in
index.html.