Skip to main content

Learner Guide

This guide covers how to use LearnFlow as a learner.

Getting Started as Learner​

Creating an Account​

  1. Navigate to http://localhost:3000/register
  2. Fill in your details:
    • Email: Your email address
    • First Name: Your first name
    • Last Name: Your last name
    • Password: Choose a strong password
  3. Click "Register"
  4. You'll be automatically logged in and redirected to your dashboard

Signing in with Google​

  1. Navigate to http://localhost:3000/login
  2. Click "Sign in with Google"
  3. Select your Google account
  4. You'll be redirected to your dashboard

Logging In​

  1. Navigate to http://localhost:3000/login
  2. Enter your email and password
  3. Click "Login"
  4. You'll be redirected to your dashboard

Learner Dashboard​

Dashboard Overview​

Your dashboard (http://localhost:3000/dashboard) shows:

  • Courses in Progress: Courses you're currently taking
  • Courses Completed: Courses you've finished
  • Lessons Completed: Total lessons completed across all courses
  • Total Enrolled: Total courses you're enrolled in

Quick Actions​

From your dashboard, you can:

  • Browse Courses: Find new courses to enroll in
  • Continue Learning: Resume courses in progress
  • View My Learning: See all your enrolled courses

Browsing Courses​

Finding Courses​

  1. Navigate to Courses (http://localhost:3000/courses)
  2. Browse available courses
  3. Use filters to find specific courses:
    • Category: Programming, Design, Marketing, Business, Data Science
    • Level: Beginner, Intermediate, Advanced
    • Search: Search by title or description

Course Information​

Each course card shows:

  • Title: Course name
  • Description: Brief course description
  • Category: Course category
  • Level: Difficulty level
  • Duration: Estimated time to complete
  • Thumbnail: Course image

Course Details​

Click on a course to view:

  • Full Description: Detailed course information
  • Lessons: List of all lessons in the course
  • Instructor: Course instructor information
  • Rating: Course rating
  • Enrollment Status: Whether you're enrolled

Enrolling in Courses​

Enrolling in a Course​

  1. Navigate to the course details page
  2. Click "Enroll Now" button
  3. You'll be enrolled and can start learning immediately

Unenrolling from a Course​

  1. Navigate to My Learning (http://localhost:3000/my-learning)
  2. Find the course you want to unenroll from
  3. Click the "Unenroll" button
  4. Confirm unenrollment

Note: Unenrolling will clear all your progress for that course.

Learning​

Accessing Lessons​

  1. Navigate to My Learning (http://localhost:3000/my-learning)
  2. Click on a course to open it
  3. Click "Start Learning" or "Continue Learning"
  4. You'll be taken to the lesson viewer

Lesson Viewer​

The lesson viewer shows:

  • Lesson Title: Current lesson name
  • Lesson Content: Video or text content
  • Lesson Notes: Additional notes from instructor
  • Progress: Your progress through the course
  • Navigation: Move between lessons

Video Lessons​

For video lessons:

  1. Click the play button to start the video
  2. Watch the video content
  3. Take notes if needed
  4. Click "Mark as Complete" when finished

Text Lessons​

For text lessons:

  1. Read the lesson content
  2. Review any additional notes
  3. Click "Mark as Complete" when finished

Tracking Progress​

Your progress is automatically tracked:

  • Lesson Completion: Mark lessons as complete
  • Time Spent: Time spent on each lesson is tracked
  • Course Progress: Overall course completion percentage

Completing Lessons​

  1. Finish watching/reading the lesson
  2. Click "Mark as Complete" button
  3. The lesson will be marked as complete
  4. You'll be automatically moved to the next lesson

My Learning​

Viewing Enrolled Courses​

  1. Navigate to My Learning (http://localhost:3000/my-learning)
  2. View all courses you're enrolled in
  3. See progress for each course

Course Progress​

Each course shows:

  • Title: Course name
  • Progress: Completion percentage
  • Lessons Completed: Number of lessons completed
  • Total Lessons: Total number of lessons
  • Status: In Progress or Completed

Continuing Learning​

  1. Navigate to My Learning
  2. Click on a course
  3. Click "Continue Learning"
  4. You'll be taken to the next incomplete lesson

Leaderboards​

Viewing Leaderboards​

  1. Navigate to a course you're enrolled in
  2. Click on the "Leaderboard" tab
  3. View top performers in the course

Leaderboard Rankings​

Rankings are based on:

  • Progress Percentage: Higher completion = better rank
  • Time Spent: Lower time = better rank (for same progress)

Your Ranking​

Your position is highlighted on the leaderboard:

  • Rank: Your position
  • Name: Your name
  • Progress: Your completion percentage
  • Time Spent: Total time spent on the course

Discussions​

Viewing Discussions​

  1. Navigate to a course you're enrolled in
  2. Click on the "Discussions" tab
  3. View all discussion posts for the course

Creating a Discussion​

  1. Navigate to the course discussions
  2. Click "New Post" button
  3. Enter your question or comment
  4. Choose visibility:
    • Public: Visible to all learners
    • Private: Only visible to you and admins
  5. Click "Post"

Replying to Discussions​

  1. Find the discussion post you want to reply to
  2. Click "Reply" button
  3. Type your response
  4. Click "Post Reply"

Voting on Discussions​

  1. Find a discussion post
  2. Click upvote (👍) to upvote
  3. Click downvote (👎) to downvote
  4. Your vote is recorded and affects the post's visibility

Messaging​

Sending Messages to Instructors​

  1. Navigate to Messages (http://localhost:3000/messages)
  2. Click "New Message"
  3. Select an admin/instructor from the list
  4. Type your message
  5. Click "Send"

Viewing Messages​

  1. Navigate to Messages (http://localhost:3000/messages)
  2. View all your conversations
  3. Click on a conversation to view messages

Replying to Messages​

  1. Open a conversation
  2. Type your reply in the message box
  3. Click "Send"
  4. Your message will be sent to the admin

Message Notifications​

  • Unread Count: Shows number of unread messages
  • Last Message: Shows the most recent message
  • Timestamp: When the message was sent

Profile Management​

Viewing Your Profile​

  1. Navigate to Profile (http://localhost:3000/profile)
  2. View your profile information:
    • Name: Your first and last name
    • Email: Your email address
    • Avatar: Your profile picture
    • Role: Your user role (learner)

Updating Your Profile​

  1. Navigate to Profile
  2. Click "Edit Profile"
  3. Update your information:
    • First Name: Update your first name
    • Last Name: Update your last name
    • Avatar URL: Update your profile picture
  4. Click "Save Changes"

Theme Settings​

Changing Theme​

  1. Click the theme toggle in the top navigation
  2. Choose between:
    • Light Mode: Light background, dark text
    • Dark Mode: Dark background, light text
  3. Your preference is saved automatically

Tips for Effective Learning​

Course Selection​

  1. Start with Beginner courses: Build a strong foundation
  2. Read course descriptions: Understand what you'll learn
  3. Check duration: Plan your time accordingly
  4. Review ratings: See what other learners think

Learning Strategy​

  1. Set goals: Decide what you want to achieve
  2. Schedule time: Dedicate regular time for learning
  3. Take notes: Write down key points
  4. Practice: Apply what you learn
  5. Review: Go back to difficult concepts

Using Discussions​

  1. Ask questions: Don't hesitate to ask for help
  2. Help others: Answer questions you know
  3. Share insights: Contribute to discussions
  4. Be respectful: Maintain a positive tone

Tracking Progress​

  1. Check dashboard regularly: Monitor your progress
  2. Complete lessons: Mark lessons as complete
  3. Review leaderboards: See how you compare
  4. Celebrate achievements: Acknowledge your progress

Troubleshooting​

Cannot Login​

Problem: Login fails with error message

Solution:

  1. Check your email and password
  2. Ensure your account is not blocked
  3. Try resetting your password
  4. Contact admin if problem persists

Course Not Loading​

Problem: Course content doesn't load

Solution:

  1. Check your internet connection
  2. Refresh the page
  3. Clear browser cache
  4. Try a different browser

Progress Not Saving​

Problem: Lesson completion not recorded

Solution:

  1. Ensure you're logged in
  2. Click "Mark as Complete" button
  3. Wait for confirmation message
  4. Refresh the page to verify

Cannot Send Messages​

Problem: Messages fail to send

Solution:

  1. Check your internet connection
  2. Ensure recipient exists
  3. Try refreshing the page
  4. Contact admin if problem persists

Video Not Playing​

Problem: Video lessons don't play

Solution:

  1. Check your internet connection
  2. Try a different browser
  3. Disable browser extensions
  4. Check if video URL is valid

Getting Help​

Contact Support​

If you need help:

  1. Send a message: Use the messaging feature
  2. Ask in discussions: Post your question publicly
  3. Check documentation: Review this guide
  4. Contact admin: Reach out to platform administrators

Reporting Issues​

To report issues:

  1. Describe the problem: What happened?
  2. Steps to reproduce: How can we recreate the issue?
  3. Expected behavior: What should have happened?
  4. Actual behavior: What actually happened?
  5. Screenshots: Include screenshots if possible

Next Steps​