Granger Academy

1. Navigate to /AdminPortal
2. Enter the correct admin email and password
3. Click 'Login to Admin Portal'

Login succeeds, admin dashboard Overview section is displayed with stats cards (students, published courses, enrollments, completed).

1. Navigate to /AdminPortal
2. Enter wrong email or password
3. Click 'Login to Admin Portal'

Error message 'Invalid email or password.' shown. No access granted.

1. Log in to Admin Portal
2. Click 'Logout' at bottom of sidebar
3. Attempt to navigate back to /AdminPortal

Session cleared, login screen shown again. Cannot access portal without re-logging in.

1. Log in to Admin Portal
2. Click each sidebar item: Overview, Course Catalog, Course Management, Students, Payment Confirmations, Website Editor

Each section loads correctly. Active nav item highlighted in amber. Page heading updates.

1. In Admin Portal sidebar, click 'View Website'

Navigates to the public homepage in the same tab.

1. Go to Admin Portal → Course Management
2. Click 'New Course'
3. Fill in: Title, Short Description, Full Description
4. Set Category and Difficulty
5. Enter Instructor Name (e.g., 'Jared Malonza')
6. Enter Age Range and Duration
7. Upload or paste a thumbnail image URL
8. Set Pricing (toggle Free or enter USD/NGN prices)
9. Toggle Published on
10. Click 'Create Course'

Course created and appears in the grid. Instructor name saved. Badge shows 'Live'.

1. Go to Course Management
2. Click the edit (pencil) icon on any course
3. Change the Instructor Name field
4. Click 'Update Course'

Course saved with new instructor name. Navigate to the public course preview page and confirm the instructor name is updated.

1. Find a course card in Course Management
2. Click the eye icon (publish/unpublish toggle)
3. Check the badge on the card

Badge switches between 'Live' (green) and 'Draft' (grey). Only Live courses appear in student catalog.

1. Click the trash icon on a course card
2. Confirm in the alert dialog

Course permanently deleted. No longer visible in Course Management or student catalog.

1. In create/edit course form
2. Click 'Upload Image'
3. Select an image file from your device

Image uploaded, preview updates, URL populated automatically.

1. Find a course in Course Management
2. Click the 'Resources' button

Navigates to the Course Resources page for that course (students tab open).

1. Go to Admin Portal → Course Catalog
2. View the category cards

All built-in and custom categories shown as cards with emoji icon, name, description, and course/student counts. Built-in categories shown alongside custom ones.

1. In Course Catalog section, click 'Add Category'
2. Enter an emoji icon, category name, and description
3. Click 'Add Category'

New category card appears in the grid. Category is now available for selection when creating courses.

1. Hover over any category card (built-in or custom)
2. Click the pencil (edit) icon
3. Update the icon emoji and/or description
4. Click 'Save Changes'

Category card updates with new icon/description. For built-in categories, the Name field is disabled (cannot be changed).

1. Hover over a custom (non-built-in) category card
2. Click the trash icon
3. Confirm deletion

Category removed from the grid. Courses already using that category are NOT deleted — they retain their category value.

1. Click on any category card
2. View the list of courses in that category

Course list filtered by the selected category. Each course shows enrollment count, progress bars, and status.

1. Click a category → click a course → click a student
2. Click 'Issue Certificate'
3. Upload instructor signature if prompted
4. Confirm

Certificate generated for the student. Appears in their Certificates page.

1. Go to Admin Portal → Payment Confirmations

List of all payment confirmation submissions shown with student name, email, course, amount, currency, and date.

1. Find a pending payment in the list
2. Click 'Approve'

Payment status changes to 'Approved'. Student enrollment or access should be reflected.

1. Find a pending payment
2. Click 'Reject'
3. Enter rejection reason if prompted

Payment status changes to 'Rejected'.

1. Use search bar or status filter in Payment Confirmations
2. Filter by Pending, Approved, or Rejected

List filters correctly based on selected status or search query.

1. Go to Admin Portal → Website Editor → Hero/Header tab
2. Update Main Heading, Subheading, Primary and Secondary button text
3. Click 'Save Hero Section'

Changes saved. Navigate to the public homepage and verify updated text appears in the hero section.

1. In Website Editor → Hero/Header tab
2. Click 'Upload New Header Image'
3. Select an image file

Image uploads and preview updates. After saving, homepage hero shows the new image.

1. Go to Website Editor → Programs Section tab
2. Click 'Add Program Card'
3. Fill in Title, Description, Button Text, Button Color, Link Page, Order
4. Upload or paste an image URL
5. Click 'Add Program'

New program card appears in the list and on the homepage 'Discover Your Learning Path' section.

1. In Programs Section, click the edit (pencil) icon on a card
2. Update any field
3. Click 'Update Program'

Card updates. Homepage reflects changes.

1. Click the trash icon on a program card
2. Confirm deletion

Program card removed from list and homepage.

1. Go to Website Editor → About Page tab
2. Edit Mission and Vision text
3. Click 'Save About Page'

Content saved successfully. Confirmation toast shown.

1. Navigate to the homepage
2. Click 'Start Learning' or 'Sign In'
3. Complete registration form
4. Submit the form

New user account created, redirected to student dashboard with student-level access only

1. Log in as admin
2. Go to User Management
3. Find the user you want to promote
4. Click role dropdown
5. Select 'instructor' or 'admin'
6. Changes save automatically

User's role updates immediately. Next time they log in, they'll see the appropriate dashboard and menu items for their new role

1. Click 'Sign In'
2. Enter valid credentials
3. Submit login form

User logged in, redirected to appropriate dashboard based on role

1. Log in as student
2. Try to access instructor/admin pages (e.g., /CourseManager, /UserManagement)
3. Repeat for instructor and admin roles

Users can only access pages appropriate for their role

1. Log in as instructor or admin
2. Navigate to Course Manager
3. Click 'Create Course'
4. Fill in course details (title, description, category, difficulty)
5. Add thumbnail image
6. Set pricing
7. Save course

Course created successfully, appears in Course Manager list

1. Open Course Editor for existing course
2. Go to 'Content' tab
3. Click 'Add Module'
4. Enter module title and description
5. Click 'Add Lesson' within module
6. Enter lesson details, content, video URL
7. Save changes

Module and lessons created, appear in course structure

1. Go to Course Manager
2. Find course card
3. Click three-dot menu
4. Select 'Publish' or 'Unpublish'

Course status changes, published courses visible in catalog

1. Open Course Editor
2. Go to 'Content' tab
3. Add assignment to a module
4. Set title, instructions, due date, max points
5. Save assignment

Assignment created, students can submit to it after enrolling

1. Navigate to Catalog page
2. Use filters (category, difficulty, price)
3. Search for specific courses
4. View course cards

All published courses visible, filters and search work correctly

1. Go to Catalog
2. Click on a course
3. Click 'Enroll Now' on preview page

Enrollment created, course appears in 'My Courses', can access course content

1. Open enrolled course
2. Click on a lesson
3. Read/watch lesson content
4. Click 'Mark Complete' at bottom

Lesson marked complete, progress bar updates, XP awarded

1. Navigate to assignment in course
2. Enter text response or upload file
3. Click 'Submit'

Submission created, visible in instructor's Submissions page

1. Complete all lessons in a course
2. Mark final lesson complete

Course status changes to 'completed', certificate generated, XP awarded, certificate visible in Certificates page

1. Log in as instructor
2. Go to Submissions page
3. View pending and graded submissions

All submissions for instructor's courses visible, filterable by status

1. Open a submission
2. Enter grade (0-100)
3. Add feedback text
4. Click 'Save Grade'

Submission marked as graded, student can see grade and feedback

1. Open a submission
2. Click 'Generate AI Feedback'
3. Review AI suggestions
4. Optionally edit and save

AI provides feedback and suggested grade based on submission content

1. Go to Student Notes page
2. Click 'Add Note'
3. Select student and course
4. Choose note type (general, intervention, participation, etc.)
5. Enter note content
6. Optionally set follow-up date
7. Save note

Note created, visible in notes list, filterable by type and student

1. Go to Students page
2. View list of enrolled students
3. Check progress percentages and course counts

All students in instructor's courses visible with accurate progress data

1. Complete lessons, quizzes, assignments
2. Check XP in top navigation
3. View XP on Profile page

XP increases with each completed activity, total XP displayed correctly

1. Navigate to Leaderboard page
2. View ranking of all users by XP
3. Find your position

Users ranked by total XP, top 3 highlighted, current user's rank shown

1. Complete a course
2. Go to Certificates page
3. View earned certificates

All completed course certificates visible, can download/share

1. Log in as admin
2. Go to User Management
3. View all users
4. Change a user's role
5. Search and filter users

All users visible, roles can be changed, search/filter work

1. Go to 'Edit Homepage' in admin sidebar
2. Select a section (Hero, Testimonials, Academies, Blog)
3. Click 'Add' or edit existing content
4. Upload image or enter image URL
5. Enter text content
6. Set status (Active/Coming Soon/Hidden)
7. Save changes
8. Preview homepage

Content saved, immediately visible on homepage (if status is Active)

1. Go to Analytics page
2. View enrollment trends
3. Check course category distribution
4. Review top performing courses

Charts and statistics display accurate data

1. Access site on mobile device or resize browser to <768px
2. Test hamburger menu
3. Navigate through pages
4. Test all interactive elements

All features accessible on mobile, navigation works smoothly

1. View pages with images (homepage, catalog, courses)
2. Check image loading and aspect ratios
3. Test on different screen sizes

Images load properly, maintain aspect ratios, no broken images

1. Try submitting forms with missing required fields
2. Enter invalid data (wrong email format, etc.)
3. Check error messages

Forms show clear validation errors, prevent invalid submissions