// Track student progress with localStorage
const Academy = {
    completeLesson(courseSlug, lessonSlug) {
        const data = this.getProgress();
        data[courseSlug].lessons[lessonSlug] = {
            completed: true,
            completedAt: new Date().toISOString()
        };
        localStorage.setItem('academy_progress', JSON.stringify(data));
    }
};

Lesson cards appear in the course sidebar. Each tracks completion state via localStorage.

1. 1
   Introduction to the Course 3 min read
2. 2
   Setting Up Your Environment 5 min read
3. 3
   Core Fundamentals 8 min read

State: Logged out

State: Needs upgrade

Nav — Logged out

Nav — Logged in

Jane Doe

Sign out

Scroll reveal animation

Elements with class .reveal fade in when they enter the viewport. Uses IntersectionObserver with threshold: 0.1.

Academy JS API

The window.Academy object provides methods for tracking course progress via localStorage. All data is stored client-side under the academy_progress key.

// Complete a lesson
Academy.completeLesson('course-slug', 'lesson-slug');

// Undo completion
Academy.uncompleteLesson('course-slug', 'lesson-slug');

// Check if lesson is done
Academy.isLessonComplete('course-slug', 'lesson-slug'); // true/false

// Get course progress
Academy.getCourseProgress('course-slug');
// { completed: 5, total: 8, percent: 63 }

// Mark entire course complete
Academy.markCourseComplete('course-slug');

// Get completion date
Academy.getCourseCompletionDate('course-slug');

Page Not Found

The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.

Certificate of Completion

Course Title Here

Awarded to

Student Name

Completed on January 15, 2026

The tag page serves as the course landing page. It displays the tag name as the course title, the tag description as the course overview, and lists all posts tagged with it as ordered lessons. Progress tracking is shown via the sidebar and progress bar.

The author page acts as the instructor profile. It shows the author avatar, name, bio, location, and website link, followed by a grid of all posts by that author. Social links are displayed when available.