Development Diary - December 31, 2025
📋Daily Summary
New Year's Eve development marathon. Built the intelligent auto-labeling system that analyzes note content and suggests labels automatically. Implemented checkbox and bullet point modes in the note editor. Designed the ToonNotes color palette with Hanok Teal and Sunrise Coral. Created logo design variations and tested on real Android device.
🕐Work Sessions
Session 1: Session Cleanup (12:17 AM)
Focus: Session management
Session 2: Main Development (12:33 AM - 5:48 PM)
Focus: Android Fixes and Auto-Labeling
Activities:
- Deployed sticker fix to Vercel and tested on Android
- Fixed font design treatment on Android
- Implemented character sticker display on Notes page
- Made label title follow design font
- Removed label suggestion sheet, replaced with on-save popup
- Implemented label recommendation with checkbox selection UI
- Tested non-English locale support for auto-labeling
Key Prompts:
- "test sticker generation on android"
- "Android app's notes doesn't get the same font design treatment as iOS"
- "to users, when leaving a note, show popup with label recommendation"
- "can we read non-EN locale and understand so we can suggest label for content in non-EN languages?"
Session 3: Auto-Labeling System Design (12:49 AM - 5:38 PM)
Focus: Intelligent Label System
Activities:
- Designed automatic label assignment system
- Researched optimal preset labels for heavy note app users
- Expanded from 20 to 30 preset labels
- Added checklist-related labels (shopping, wishlist)
- Built backend API endpoints for content analysis
- Implemented label recommendation with confidence scores
Key Prompts:
- "i want to design a system that everytime a note is updated, analyze the content and assign labels automatically"
- "can you suggest 30 preset labels that are most popular among heavy notes app users?"
Session 4: Branding and Color Palette (5:43 PM - 6:35 PM)
Focus: App Identity Design
Activities:
- Designed ToonNotes color palette with Hanok Teal (#4C9C9B) and Sunrise Coral (#FF6B6B)
- Created multiple logo color variations
- Tested logo styles with Nunito font
- Fixed Settings page scrolling issue
- Chose "Toon Rainbow with Nunito" for final logo
Key Prompts:
- "help me come up with color palette for this app"
- "suggest color for each letter to make it look fun and anime like"
- "pick Toon Rainbow with Nunito"
Session 5: Editor and Label Improvements (5:49 PM - 9:09 PM)
Focus: Note Editing Features
Activities:
- Added quick note creation from Board page
- Removed redundant "ALL LABEL STYLES" section
- Implemented primary/secondary label coloring
- Added checkbox, bullet, and image insertion menu
- Fixed checkbox alignment and enter key behavior
- Ran comprehensive code review
Key Prompts:
- "add square border '+' button. when clicked show options: checkbox, bullet, add image"
- "add the real checkbox where user can check/uncheck the boxes"
Session 6: Logo and Android Testing (6:36 PM - 9:05 PM)
Focus: App Icon and Device Testing
Activities:
- Generated 10 app icon concepts
- Built Android APK for real device testing
- Enabled USB debugging for phone testing
- Fixed note text overflow on label area
- Made notes scrollable in Boards page
Key Prompts:
- "I want to design the app icon and logo for the app"
- "let's build an Android app for real phone testing"
Session 7: Settings Cleanup (7:41 PM - 8:06 PM)
Focus: UI Cleanup
Activities:
- Removed logo style preview from settings
Session 8: Editor Deep Dive (8:07 PM - 11:34 PM)
Focus: Text Editor Architecture
Activities:
- Researched cloud storage options for multi-device support
- Debugged cursor movement issues in note editor
- Fixed checkbox and bullet rendering problems
- Simplified editor by making checkbox/bullet mode exclusive
Key Prompts:
- "how do we manage storage now? what are the best practices to provide cloud storage?"
- "let's step back and rethink. this shouldn't be this complicated"
Session 9: Board Color Scheme (9:05 PM - 10:32 PM)
Focus: Visual Design
Activities:
- Designed board color scheme with better visibility
- Updated documentation
Key Prompts:
- "for the board color, let's not use too white or light color"
Session 10: Design Page and Sticker Debug (9:10 PM - 10:57 PM)
Focus: Designs Page and Debugging
Activities:
- Updated Designs page to show background, sticker, and color scheme
- Fixed sticker positioning and sizing
- Debugged sticker generation on physical device
🏷️Categorized Work
Implementation
- Auto-labeling system with AI content analysis
- Label suggestion UI with checkbox selection
- Checkbox and bullet point modes in editor
- Character sticker display on Notes page
- Primary/secondary label coloring
- Quick note creation from Board page
- Android APK build for device testing
Planning
- Auto-generate board designs for unknown hashtags
- 30 preset labels for heavy note users
- ToonNotes color palette (Hanok Teal + Sunrise Coral)
- Cloud storage research for multi-device sync
Bug Fix
- Android font design rendering
- Editor cursor movement issues
- Checkbox/bullet rendering in notes
📸Screenshots
No screenshots captured for this session
💡Insights & Learnings
Decision: Chose Hanok Teal (#4C9C9B) as main color and Sunrise Coral (#FF6B6B) for highlights/CTAs.
Learning: Text editor checkbox/bullet implementation is complex - simplified by making modes exclusive.
Decision: Expanded preset labels from 20 to 30 based on research of heavy note app users.
Learning: Android and iOS handle fonts differently - requires platform-specific adjustments.
📊Statistics
🎯Tomorrow's Focus
- Continue checkbox/bullet editor refinement
- Finalize app icon design
- Test auto-labeling on various content types
Generated with ToonNotes Development Diary