Daily Journal with Mood Tracker

New Journal Entry

History

 

Features Explained

1. Neumorphic Design: I used a "Soft UI" (Neumorphism) CSS style. This uses light and dark shadows to make elements look like they are extruded from or pressed into the background.

2. Mood State: The mood buttons use data attributes (data-mood) to capture the user's emotional state, which is then saved alongside the text.

3. Local Storage: Your entries are saved to your browser's local database. This means even if you close the tab or restart your computer, your journal remains intact.

4. Date Formatting: It automatically captures the current date and formats it (e.g., "Mon, Oct 23") for the history view.

Technical Note on Storage

The app uses the JSON.stringify() method to convert your JavaScript objects into strings so they can be stored in localStorage. When you open the app again, it uses JSON.parse() to turn those strings back into interactive data.