ab94d667cc
fix: rename solutionCode to solution in HTML lesson files
...
Consistent property naming across all lesson files - the LessonEngine
expects 'solution' property for rendering expected preview.
2025-12-22 10:38:53 +01:00
2469629eb7
fix: add category prefixes to module titles in sidebar
...
- CSS: Basic Selectors
- CSS: Advanced Selectors
- Tailwind: Basics
HTML modules already have "HTML" in their titles.
2025-12-22 01:09:47 +01:00
60017aa1ba
refactor: redesign layout to Flexbox Froggy style with slide-out sidebar
...
- Implement 50/50 split layout (left: instructions + editor, right: preview)
- Replace always-visible sidebar with slide-out drawer menu
- Move footer, progress, and settings into sidebar
- Add toggleable expected result overlay (hidden by default)
- Create new hint system with step progress indicators
- Add ghost button styles for modal and text button for sidebar reset
- Fix HTML lesson task instruction and typo ("important" not "importing")
- Add padding to preview frames to prevent corner clipping
- Optimize layout for iPadOS and tablet devices
2025-12-21 23:20:07 +01:00
50c4d51523
feat: add HTML lessons mode and side-by-side comparison UI
...
- Add HTML mode support with new validation types (element_exists,
element_count, attribute_value, element_text, parent_child, sibling)
- Create 3 HTML lesson modules: Elements, Forms Basic, Forms Validation
- Implement side-by-side preview comparison (Your Output vs Expected)
- Add merge animation with "Perfect Match!" overlay on validation success
- Render expected output from solutionCode field in lesson JSON
- Update schema to support HTML mode and solutionCode
- Reorder modules: HTML first, then CSS, then Tailwind
- Update tests for new functionality
2025-12-21 22:12:00 +01:00
Michael Czechowski
a7d6ab06f2
chore: simplify title and enhance preview HTML for tailwind basics module
2025-06-05 23:31:01 +02:00
Michael Czechowski
3f0588b762
feat: update tailwind basics module with enhanced descriptions and new lessons
2025-06-05 23:16:49 +02:00
Michael Czechowski
e30bb40b1a
feat: enhance lesson functionality with user code storage and progress tracking
2025-06-05 14:05:35 +02:00
10fce10033
feat: implement tailwind validations and basic example
2025-06-01 22:34:55 +02:00
Michael Czechowski
19035c64eb
fix: update strong selector example to include color property
2025-05-23 14:48:03 +02:00
Michael Czechowski
17da3eb647
feat: add CSS carousels module and update lesson imports
2025-05-23 08:12:23 +02:00
Michael Czechowski
5b3068898d
feat: add advanced selectors module and update lesson imports accordingly and release
2025-05-23 08:05:00 +02:00
Michael Czechowski
3f9158852d
feat: mark modules as work in progress for better clarity
2025-05-20 01:43:44 +02:00
Michael Czechowski
50b81b8116
feat: update task description to include HTML tags for paragraph and color properties; add solution code for CSS rule
2025-05-20 00:26:39 +02:00
Michael Czechowski
0ac17d8435
feat: update task descriptions to include HTML tags for clarity in basic selectors lesson
2025-05-20 00:18:05 +02:00
Michael Czechowski
6c973ce45d
feat: add solution code and enhance validation rules for basic selectors lesson
2025-05-19 23:42:04 +02:00
Michael Czechowski
1f50963028
feat: enhance lesson preview functionality and improve run button interaction; change lesson indicator to percentage; split preview css for better isolation
2025-05-19 23:30:22 +02:00
Michael Czechowski
966ef3ffcc
feat: add fine grained validations for class-selectors lesson
2025-05-19 22:13:02 +02:00
Michael Czechowski
3435592675
feat: simplify module description for clarity
2025-05-19 20:32:23 +02:00
Michael Czechowski
dc1da0ffd6
feat: refine lessons
2025-05-19 20:20:49 +02:00
Michael Czechowski
ee8a8d6649
feat: enhance validation feedback in code editor, improve layout and reset functionality
2025-05-19 13:20:40 +02:00
Michael Czechowski
f8172644dc
WIP: enhance validation feedback in code editor, add support for multiple validation indicators and new validation types
2025-05-19 12:55:43 +02:00
Michael Czechowski
70d5032ff6
feat: add CSS Basic Selectors module
2025-05-14 12:07:25 +02:00
Michael Czechowski
c786699d64
feat: add JSON schema for course modules and update module files
2025-05-14 11:28:43 +02:00
Michael Czechowski
b7ed260867
feat: update module titles and enhance button styles
2025-05-14 03:40:15 +02:00
Michael Czechowski
02d9165725
feat: enhance CSS fundamentals module with detailed lessons and improved descriptions
2025-05-14 02:52:19 +02:00
Michael Czechowski
6f05de5de5
feat: update lessons
2025-05-14 01:40:47 +02:00
Michael Czechowski
c391f6a96b
feat: restructure lesson files and update success indicators
2025-05-14 00:51:10 +02:00
Michael Czechowski
6c113fb6bd
style: run format.lessons first time
2025-05-13 21:08:42 +02:00
Michael Czechowski
94bd7ba0cb
refactor: reorganize project structure and update import paths
2025-05-13 20:29:59 +02:00
