beyondhorizonacademy

Beyond Horizon Academy Learning Dashboard

A React learning dashboard for SAT preparation and computer science foundations.

What This Project Shows

• A polished React frontend with data-driven pages.
• A course catalog organized by SAT and Computer Science tracks.
• A reusable lesson viewer for course modules.
• Structured SAT practice and room for future full-stack features.
• Clean component, page, hook, utility, data, and CSS separation.

Project Structure

• src/components: reusable UI pieces such as cards, stats, lesson previews, and the header.
• src/pages: page-level views for Home, Courses, Topics, About, and Course Detail.
• src/data: editable course catalog, site content, and routes.
• src/hooks: reusable React state logic.
• src/utils: helper functions for navigation and links.
• src/styles: CSS split by responsibility.

Run Locally

npm install
npm run dev

Interactive Learning Features

• SAT Math and SAT English question practice with answer explanations.
• SAT English is split into Information and Ideas, Craft and Structure, Expression of Ideas, and Standard English Conventions, with 20 questions per question type.
• A linear graph visualizer for SAT Math functions.
• A DSA bubble sort visualizer with step-by-step comparisons and swaps.
• A Python code stepper that explains execution and memory changes.

Next Full-Stack Steps

1. Add a backend API for lessons, quiz questions, and progress.
2. Add authentication for students.
3. Store course progress and quiz attempts in a database.
4. Add active visualizations for SAT Math and DSA topics.

The old static HTML version is preserved in legacy-html for reference.