UI Updates/Important Bug Fixes/New Features

README.md

@@ -77,6 +77,26 @@ The main editor is a three-region workspace:
 - curated class/section video links with compact right-rail cards and API search kept as a per-section fallback
 - LaTeX editor remains closed by default so the compiled PDF stays front and center
 - GitHub Pages project-page assets were removed; the app is now documented as a local/Docker full-stack project
+- Animated compile button with shimmer effect while compiling with a green flash on success
+- Toast notification now replaces the browser alert on save 
+- Keyboard Shortcuts: Ctrl+Enter to compile, Ctrl+S to save, Escape to close the video modal
+- Browser tab title now updates to reflect the name of the active cheat sheet 
+- character counter on the title input with a limit of 80 characters
+- New 'last saved' timestamp displayed next to the save button
+- Scroll to top button in the PDF Preview
+- Empty state illustration in the right panel when no sections are selected
+- Section count badge on the right panel header
+- Select all/Deselect all option above the subject class list 
+- Clear search button for YouTube Search Results
+- PDF page number display in the preview toolbar 
+- Focus ring styles for keyboard navigation accessibility 
+- Improved muted text contrast to meet the WCAG AA standards
+- Custom scrollbar styling across all the panels
+- Hover transitions on video cards
+- Smooth transitions for panel show/hide options
+- Improvements for mobile responsiveness for screens under 768px
+- Divider lines between the layout option selections 
+- Full implementation of YouTube videos across each subject
 
 ### Editing and generation
 
@@ -121,6 +141,17 @@ The main editor is a three-region workspace:
 - section-scoped “search more” behavior so the YouTube API is a last-resort fallback for the clicked section only
 - request validation and error handling for missing key, invalid topics, empty results, and upstream failures
 
+### Themes
+- Light Mode
+- Dark Mode
+- Miami Theme
+- Forest Theme
+- Cool Gray Theme
+- Neon Theme
+- Galaxy Theme
+- Red Theme
+- Pink 'Blossom' Inspired Theme
+
 ## Tech stack
 
 | Layer | Technology |
@@ -313,6 +344,8 @@ Services:
 - PHYSICS II
 - STATISTICS I
 - STATISTICS II
+- LINEAR ALGEBRA I
+- LINEAR ALGEBRA II
 
 Each class contains multiple categories and formulas in `backend/api/formula_data/`.
 

backend/api/latex_utils.py

@@ -136,7 +136,7 @@ def build_layout_comment_block(columns=4, font_size="9pt", margins="0.15in", spa
         f"% @cheatsheet-layout spacing: {spacing} | change layout options up top to update spacing",
         f"% @cheatsheet-layout margins: {margins} | change layout options up top to update margins",
         f"% @cheatsheet-layout orientation: {orientation} | change layout options up top to update orientation",
-        "%",
+        "%"
     ]
 
 
@@ -148,12 +148,12 @@ def build_dynamic_header(columns=4, font_size="9pt", margins="0.15in", spacing="
     spacing_values = get_spacing_values(spacing, font_size)
     doc_class, doc_class_size = get_document_class(font_size)
 
-    # 1. Force the PDF driver to rotate by passing landscape and letterpaper to the document class
+    # Force the PDF driver to use letterpaper, add landscape if requested
     doc_options = f"{doc_class_size},fleqn,letterpaper"
     if orientation == "landscape":
         doc_options += ",landscape"
 
-    # 2. Also pass them to the geometry package
+    # Also pass them to the geometry package
     geometry_options = f"letterpaper,margin={margins}"
     if orientation == "landscape":
         geometry_options += ",landscape"

backend/api/views.py

@@ -372,6 +372,7 @@ def compile_latex(request):
         font_size = cheatsheet.font_size
         margins = cheatsheet.margins
         spacing = cheatsheet.spacing
+        orientation = getattr(cheatsheet, "orientation", None) or "portrait"
         content = cheatsheet.build_full_latex()
 
     if not content:
@@ -380,15 +381,17 @@ def compile_latex(request):
     content = normalize_latex_layout(content, columns, font_size, margins, spacing, orientation)
 
     if normalize_only:
+        layout_response = {
+            "columns": columns,
+            "font_size": font_size,
+            "margins": margins,
+            "spacing": spacing,
+            "orientation": orientation,
+        }
+
         return Response({
             "tex_code": content,
-            "layout": {
-                "columns": columns,
-                "font_size": font_size,
-                "margins": margins,
-                "spacing": spacing,
-                "orientation": orientation,
-            },
+            "layout": layout_response,
         })
 
     with tempfile.TemporaryDirectory() as tempdir: