Skip to main content

Navigating the New Lessons & Courses UI in Stack Mobile

Welcome to the enhanced learning experience with Stack! Our new user interface is designed to make navigating your courses more intuitive and engaging. Here's a guide to help you make the most of it:

Seamless Category and Lesson Navigation​

Effortlessly switch between categories and lessons without the hassle of going back and forth. Here's how you can navigate smoothly:

  • Expand: Dive into a category or lesson to explore the content in detail.
  • Collapse: Get a quick overview when you want to focus on essentials.

This streamlined navigation makes it easier and more efficient to move between lessons and categories.

Effortless Learning for All Lesson Types​

No matter the type of lesson—text, audio, or video—our interface is designed to enhance your learning experience:

  • Text Lessons: Easily readable on any screen size.
  • Audio Lessons: Enjoy smooth playback with intuitive controls.
  • Video Lessons: Experience full-screen viewing and a responsive design for uninterrupted learning.

All-New Comments Section​

Engage with your peers in our redesigned comments section:

  • Reply Directly: Respond to individual comments to keep conversations flowing.
  • Better Interaction: Enjoy an enhanced layout for smoother conversations and improved readability.

Sleek Quizzes & Assignments Interface​

Experience a clearer and more streamlined interface for quizzes and assignments:

  • Seamless Switching: Move between questions without losing focus.
  • Clarity: Assignments and quizzes are easier to navigate, ensuring a more efficient experience.

Quick Status Overview​

Stay informed about your progress with our new status tracker:

  • At a Glance: Quickly check if your quizzes and assignments are in review, passed, or need improvement.
  • Color-Coded for Clarity: Easily see the status of each task for better management.

Shimmers, Not Loaders​

Enjoy a modern and visually appealing loading experience:

  • Modern Look: Say goodbye to boring spinners—your content now loads with sleek shimmering placeholders.
  • Smooth Loading: Experience a visually smooth transition while waiting for lessons, quizzes, or assignments to load.

Code Structure & Performance Enhancements​

We've made backend updates to improve performance and maintainability:

  • Improved Code Structure: Updated to Vue 3 composition API for better code readability and structure.
  • Reduced Bundle Size: Large pages are split into smaller components, lazy-loaded to reduce initial load time.

How to Get Started​

To experience these exciting new features, simply update your Stack app to the latest version. Once updated, explore your courses, try out the new comments section, and check the status of your quizzes and assignments. Enjoy the improved learning journey with Stack!