Back to Diary

Built auto-labeling system and checkbox/bullet editor

ImplementationPlanning
10 sessions2 commits#auto-labeling #editor #checkbox #bullet #logo #color-palette #android

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

🕐
10
Sessions
📝
2
Commits
📁
65
Files Changed
9,675
Lines Added
1,623
Lines Deleted
🏷️
Implementation
Primary Category

🎯Tomorrow's Focus

  • Continue checkbox/bullet editor refinement
  • Finalize app icon design
  • Test auto-labeling on various content types

Generated with ToonNotes Development Diary