Project Docs

Next Fixes

This backlog captures the next implementation fixes after Volume 9 closed at Q450.

These are product and UX improvements, not additional Volume 9 questions.

Navigation And Header

Done: removed the Latest Batch quick card from the sidebar.
Done: removed First Batch and Latest Batch menu options.
Done: replaced Current Volume with Volume 9 Complete.
Done: added a breadcrumb area in the header so users understand where they are inside volume, batch, question, docs, and practice routes.
Done: simplified the theme control into a light/dark toggle.
Done: kept the initial theme based on the system preference without showing System as a selectable option.

Restructure the main menu around high-level learning areas:
- JavaScript
- TypeScript
- Frontend
- Backend
- Python
- future topics as needed
Keep current handbook volumes mapped under the most relevant group.
Make this menu model flexible enough to support backend, Python, or other future learning studios without redesigning navigation again.
Done first slice: sidebar now uses the shipped JavaScript, TypeScript, and Frontend groups.
Done follow-up: future Backend and Python planning is kept in docs/code comments only, not as visible placeholder menu items.

Fix volume card states so cards do not look permanently hovered.
Review dark-mode card borders, glow, and selected states from the screenshot.
Make card status, question count, description, and action spacing consistent.
Done first slice: removed permanent highlighted state from home volume cards and corrected Volume 9 to complete with 75 questions.
Done first slice: added a top user-history card that shows recently covered questions and docs.
Done first slice: user history reads from local reading-progress storage so it persists on the user's machine.
Done first slice: user history can be reset without affecting the content itself.
Done first slice: question pages now foreground scroll progress while reading time continues to record locally in the background.

Expand last-minute prep coverage beyond Q001-Q075 so it can represent all available questions where possible.
Make the top question list horizontal and sticky.
Sync the horizontal question list with the vertical card scroll position.
Support reverse sync: horizontal question scrolling should move the vertical question cards.
On click, scroll the target question card into view.
Flash-highlight the selected question card once for about 3 seconds.
Keep the active horizontal item visible while users scroll vertically.

Let the console/editor surface use the full available space when room exists.
Review the copy icon and replace it with the clearest copy symbol if the current one reads like paste.
Keep copy controls for both code input and console output.
Add a basic React practice console if feasible.
Keep the React console lightweight at first:
- JSX or React component input.
- Render preview area.
- Console output area.
- Reset and copy controls.
- Starter examples for props, state, events, and conditional rendering.

Recheck the live custom domain once HTTPS is reachable from the network.
Run final manual browser QA for JavaScript and TypeScript practice ground workflows.
Run saved-snippets QA across JavaScript, TypeScript, dark mode, mobile, tablet, and desktop.
Refresh portfolio screenshots from the live site after the custom domain is reachable.
Decide the first Volume 10 direction.
Consider saved-snippet search, export, and import after the current local workflow is stable.
Add browser-level tests for console cap and run-state UI if the practice ground grows further.