code-crispies/CHANGELOG.md

[1.0.0] - 2026-01-12

Added

• Guided Learning Paths feature for structured learning progression
• Conceptual explanations and diagrams throughout HTML, CSS, and Tailwind lessons
• "Why This Works" concept section with collapsible details/summary elements
• Reset code confirmation dialog with skip option
• CodeMirror 6 editor with Emmet support and syntax highlighting
• Undo/redo/reset editor tools with keyboard shortcuts
• Module progress indicator and cross-module navigation
• Slide-out sidebar layout with lesson modules
• Language switcher supporting English, German, Polish, Spanish, Arabic, and Ukrainian
• Dynamic lesson loading by language with RTL support for Arabic
• Playground module with full-height HTML & CSS editor
• Welcome lesson with Hello World examples in 8 languages and DVD bounce animation
• Gentle loading fallback after 3 seconds
• Live code preview with instant feedback
• Complete German translation of the website
• Toggle switch for disabling error feedback with persistent user settings
• Code caching for instant lesson restoration on page reload
• Help dialog with learning modes and editor tools information
• More Projects section in help resources
• Footer with links to project repository and author website
• JSON schema for course modules
• Fine-grained validation feedback for lessons
• Keyboard shortcuts for editor tools and lesson navigation
• Emmet pro tip in FAQ accordion lesson

Changed

• Lesson schema to include concept field for explanations
• Module layout from horizontal to Flexbox Froggy style with reordered panels
• Logo design with new branding and clickable navigation
• Preview iframe styling for better isolation and full-height display
• Module pill to float in navigation bar with lesson counter
• Hint bar to float over editor for better space utilization
• Welcome lesson with comprehensive info and learning resources
• Language display to show current language in dropdown format
• Module name element updates instead of overwriting entire pill
• Instruction element order with title first, module pill second
• Task descriptions with improved clarity and friendlier values
• Success message to "CRISPY!" with Japanese smiley emoticon
• Lesson content styling with improved readability and accessibility
• Mobile layout to show editor and preview in optimized order
• CRISPY animation duration and visibility timing
• Hamburger menu with cleaner CSS animation
• Copyright year from 2025 to 2026
• Transitions-animations difficulty level to intermediate
• Meta description and title for HTML & CSS learning focus
• Port configuration to 1234

Fixed

• Mobile preview-header positioning above preview-wrapper
• Mobile preview visibility with explicit flex display
• Mobile editor minimum height for better usability
• Module list max-height constraint removal
• Placeholder text and loading indicators
• HTML lesson task instructions format alignment with solution code
• Race condition in error feedback closure timing
• Code tags for quoted text in lesson messages
• Preview iframe HTML/body minimum height for full coverage
• Lesson content with improved kbd tags and syntax examples
• Browser form restoration artifact from hidden textarea
• WCAG compliance issues and keyboard accessibility
• Box model task instructions format across all languages
• Hello World lesson with proper HTML structure and paragraph tags
• German translation consistency and completeness
• Initialization bugs affecting level indicator and expected preview
• Validation message casing and clarity
• Module name truncation to mobile only
• Layout issues for RTL text in Arabic
• Logo positioning and animation centering
• Editor scrolling behavior on lesson navigation

Improved

• Lesson clarity with semantic HTML and proper element usage
• CSS organization with section headers and sorted rules
• Module descriptions for better user understanding
• Validation rules for basic selectors and class selectors lessons
• Progress bar styling with increased height and new background color
• Lesson preview functionality and run button interaction
• Code element styling and accessibility features
• Sidebar transparency for better lesson focus
• Layout performance with synchronous module loading
• Button styling and interactive elements
• Performance with code caching and module loading optimization