Console Diary

A minimal, command-driven journaling application designed for developers and thinkers. Write your thoughts in terminal style with a distraction-free interface.

🌐 Live Demo

Features

✨ Minimal & Distraction-Free - Clean, terminal-inspired design
🚀 Command-Driven Interface - Use simple commands to manage your diary
💾 Auto-Save - All entries are automatically saved in your browser's localStorage
📤 Export Options - Download your diary as JSON or TXT files
🗑️ Entry Management - Delete, clear, and reset commands
⌨️ Keyboard Shortcuts - Use Ctrl+Enter (or Cmd+Enter on Mac) to save entries
♿ Accessible - Built with proper semantic HTML and ARIA labels
📱 Responsive - Works beautifully on desktop, tablet, and mobile devices

Getting Started

1. Open index.html to see the landing page
2. Click "Enter Diary" or navigate to diary.html to start journaling
3. Enter a date and your thoughts
4. Click "Save Entry" or press Ctrl+Enter to save
5. Type /help in the text area to see all available commands

Available Commands

Command	Description
/help	Display all available commands
/clear	Clear the console output
/export	Download diary entries as JSON
/exporttxt	Download diary entries as TXT
/reset	Delete all entries (cannot be undone)

Project Structure

Console Diary/
├── index.html           - Landing page
├── diary.html           - Diary application
├── README.md            - This file
└── src/
    ├── js/
    │   ├── script.js    - Landing page logic
    │   └── diary.js     - Diary app logic
    └── styles/
        ├── stylesheet.css  - Landing page styles
        └── diary.css       - Diary app styles

Tech Stack

• HTML5 - Semantic markup with ARIA labels
• CSS3 - Modern responsive design with CSS variables
• JavaScript - Vanilla JS (no dependencies)
• LocalStorage - Browser-based data persistence

Recent Improvements (v1.1)

Code Quality

• ✅ Refactored JavaScript with better organization and comments
• ✅ Added error handling and input validation
• ✅ Improved function naming and modularity
• ✅ Better code structure with proper separation of concerns

User Experience

• ✅ Added Ctrl+Enter keyboard shortcut to save entries
• ✅ Auto-populate date field with today's date
• ✅ Better visual feedback for buttons and interactions
• ✅ Improved placeholder text with command hints
• ✅ Enhanced success/error messages

Accessibility

• ✅ Added proper ARIA labels and roles
• ✅ Better semantic HTML structure
• ✅ Keyboard navigation support
• ✅ Focus management improvements
• ✅ Better color contrast and visual hierarchy

Styling & Design

• ✅ CSS custom properties for consistent theming
• ✅ Enhanced responsive design for mobile devices
• ✅ Better typography and spacing
• ✅ Improved visual consistency across sections
• ✅ Added focus states for keyboard navigation
• ✅ Smooth transitions and hover effects
• ✅ Better button styling with clear CTAs

Features

• ✅ Export function now includes timestamps
• ✅ Better error messages for invalid commands
• ✅ System messages with appropriate colors
• ✅ Improved entry deletion with confirmation
• ✅ Better console output formatting

Navigation & Landing Page

• ✅ Fixed header positioning
• ✅ Improved mobile navigation menu
• ✅ Added "Enter Diary" CTA link in navigation
• ✅ Better section hierarchy with h1/h2 tags
• ✅ Enhanced responsive breakpoints
• ✅ Better visual hierarchy and spacing

Browser Support

• Chrome/Edge (latest)
• Firefox (latest)
• Safari (latest)
• Mobile browsers (iOS Safari, Chrome Mobile)

Data Privacy

All your diary entries are stored locally in your browser's localStorage. No data is sent to any server. Your privacy is completely protected.

License

Free to use and modify for personal use.

Tips

• Use /export to back up your entries regularly
• Date format is YYYY-MM-DD (auto-populated)
• Entries support multi-line text
• Delete entries individually or clear everything with /reset
• Your data persists across browser sessions