Log inSign up

arzuhuseyn

my-assistant-app

Public
Edit with AI
1 Branch
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
README.md

😊 Mood Tracker

Track your moods throughout the day. Pick from Happy, Sad, Angry, or Tired — each with its own emoji, color scheme, and dynamic background.

Features

  • 🎨 Dynamic background — page color changes based on selected mood
  • 😊😢😠😴 Emoji indicators — each mood entry shows its emoji
  • 📝 Required text — describe how you're feeling (empty submissions blocked)
  • 💾 Blob storage — moods persisted via Val Town's std/blob (JSON)
  • ⏰ Timestamps — each entry saved with an ISO timestamp

Architecture

Rendering mermaid diagram...

Data shape

Each mood entry stored in blob storage:

{ "id": 1, "mood": "happy", "text": "Sunny day!", "timestamp": "2026-05-23T06:00:00.000Z" }

File structure

main.ts                          ← Hono backend (API + blob persistence)
frontend/
  index.html                     ← HTML shell
  index.tsx                      ← React entrypoint
  favicon.svg                    ← App icon
  components/
    App.tsx                      ← Root component (state + dynamic bg)
    MoodForm.tsx                 ← Mood selector + text input + validation
    MoodList.tsx                 ← Displays mood history with emoji cards
    moods.ts                     ← Shared mood config (emoji, colors)