A PROJECT REPORT

ON

“Course Flow: Track Progress and Boost Learning Streaks”

Inpartial fulfillment for the award of the degree of

BACHELOR OF TECHNOLOGY
in

Computer Science & Engineering

Submitted by

Tanmay Singhal A20405221127

Ramit Pandey A20405221149
Sumit Chauhan A20405221009
Deepak Choudhary A20405221221
Tushita Jain A20405221084

Under the guidance of

Dr. Bhupesh Kumar Singh

Professor (ASET)

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING AMITY

SCHOOL OF ENGINERING AND TECHNOLOGY
AMITYUNIVERSITY RAJASTHAN
MAY 2025

i
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

DECLARATION

We hereby declare that this submission is my work and to the best of my knowledge and belief,
it contains no material previously published or written by another person nor material which to
a substantial extent has been accepted for the award of any other degree or diploma of the
university or other institute of higher learning, except where due acknowledgment has been
made in the text.

Signature: Signature:
Name: Ramit Pandey Name: Tanmay Singhal
[Link].: A20405221149 [Link].: A20405221127
Date: Date:

Signature: Signature:
Name: Sumit Chauhan Name: Deepak Chaudhary
En. No.: A20405221009 En. No.: A20405221221
Date: Date:

Signature:
Name: Tushita Jain
En. No.: A20405221084
Date

ii
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

CERTIFICATE

We hereby certify that the work that is being presented in the [Link]. Project Report entitled
“Course Flow: Track Progress and boost learning streak”, in partial fulfilment of the
requirements for the award of the Bachelor of Technology in Computer Science and
engineering and submitted to the Department of Computer Science and engineering of Amity
School of Engineering and Technology, Amity University Rajasthan is an authentic record of
our work carried out during a period from September 2024 to May 2025 under the supervision
of Dr. Bhupesh Kumar Singh .
The matter presented in this thesis has not been submitted by me for the award of any other
degree elsewhere.

Signature of Candidate
Date: Tanmay Singhal

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Signature of Supervisor(s)
Date: Dr. Bhupesh Kumar Singh

iii
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

CERTIFICATE

We hereby certify that the work that is being presented in the [Link]. Project Report entitled
“Course Flow: Track Progress and boost learning streak”, in partial fulfilment of the
requirements for the award of the Bachelor of Technology in Computer Science and
engineering and submitted to the Department of Computer Science and engineering of Amity
School of Engineering and Technology, Amity University Rajasthan is an authentic record of
our work carried out during a period from September 2024 to May 2025 under the supervision
of Dr. Bhupesh Kumar Singh .
The matter presented in this thesis has not been submitted by me for the award of any other
degree elsewhere.

Signature of Candidate
Date: Ramit Pandey

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Signature of Supervisor(s)
Date: Dr. Bhupesh Kumar Singh

iv
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

CERTIFICATE

We hereby certify that the work that is being presented in the [Link]. Project Report entitled
“Course Flow: Track Progress and boost learning streak”, in partial fulfilment of the
requirements for the award of the Bachelor of Technology in Computer Science and
engineering and submitted to the Department of Computer Science and engineering of Amity
School of Engineering and Technology, Amity University Rajasthan is an authentic record of
our work carried out during a period from September 2024 to May 2025 under the supervision
of Dr. Bhupesh Kumar Singh .
The matter presented in this thesis has not been submitted by me for the award of any other
degree elsewhere.

Signature of Candidate
Date: Sumit Chauhan

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Signature of Supervisor(s)
Date: Dr. Bhupesh Kumar Singh

v
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

CERTIFICATE

We hereby certify that the work that is being presented in the [Link]. Project Report entitled
“Course Flow: Track Progress and boost learning streak”, in partial fulfilment of the
requirements for the award of the Bachelor of Technology in Computer Science and
engineering and submitted to the Department of Computer Science and engineering of Amity
School of Engineering and Technology, Amity University Rajasthan is an authentic record of
our work carried out during a period from September 2024 to May 2025 under the supervision
of Dr. Bhupesh Kumar Singh .
The matter presented in this thesis has not been submitted by me for the award of any other
degree elsewhere.

Signature of Candidate
Date: Deepak Choudhary

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Signature of Supervisor(s)
Date: Dr. Bhupesh Kumar Singh

vi
 AMITY UNIVERSITY
RAJASTHAN
Amity School of Engineering & Technology

CERTIFICATE

We hereby certify that the work that is being presented in the [Link]. Project Report entitled
“Course Flow: Track Progress and boost learning streak”, in partial fulfilment of the
requirements for the award of the Bachelor of Technology in Computer Science and
engineering and submitted to the Department of Computer Science and engineering of Amity
School of Engineering and Technology, Amity University Rajasthan is an authentic record of
our work carried out during a period from September 2024 to May 2025 under the supervision
of Dr. Bhupesh Kumar Singh .
The matter presented in this thesis has not been submitted by me for the award of any other
degree elsewhere.

Signature of Candidate
Date: Tushita Jain

This is to certify that the above statement made by the candidate is correct to the best of my
knowledge.

Signature of Supervisor(s)
Date: Dr. Bhupesh Kumar Singh

ACKNOWLEDGEMENT

vii
It gives us a great sense of pleasure to present the report of the [Link]. Project undertaken
during the final year of our [Link]. program. We owe a special debt of gratitude to
Dr. Bhupesh Kumar Singh, Department of Computer Science and Engineering, Amity School
of Engineering and Technology, Amity University Rajasthan, for his constant support and
guidance throughout the course of our work. His sincerity, thoroughness, and perseverance
have been a constant source of inspiration for us. It is only due to his cognizant efforts that our
endeavours have seen the light of day.
We would also like to express our heartfelt gratitude to Dr. Sunil Pathak, Head of the
Department, Department of Computer Science and Engineering, Amity School of Engineering
and Technology, Amity University Rajasthan, for providing us with all the necessary resources
and creating an environment conducive to learning and innovation.
Our sincere thanks extend to Prof. Bhupesh Kumar Singh, Deputy Director, Amity School
of Engineering and Technology, for encouraging and supporting us throughout the duration of
our project.
We are also deeply thankful to all the faculty members of the Department of Computer Science
and Engineering for their valuable insights, timely assistance, and encouragement during the
project.
Finally, we would like to extend our gratitude to our peers, friends, and family for their constant
motivation and support, which has been instrumental in the successful completion of this
project.

Signature: Signature:
Name: Tanmay Singhal Name: Sumit Chauhan
En. No.: A20405221127 En. No.: A20405221009
Date: Date:

viii
Signature: Signature:
Name: Ramit Pandey Name: Deepak Choudhary
En. No.: A20405221149 En. No.: A20405221221
Date: Date:

Signature:
Name: Tushita Jain
En. No.: A20405221084
Date:

ix
 LIST OF FIGURES

[Link] Figures Page No

3.2.1 Tech Flow chart 1 14

3.2.3 LMS User Activity Flow – Authentication to 17

Progress Tracking

3.2.3 Tech Flow chart 2 18

4.1 Dashboard 36

4.2 Number of courses 37

4.3 Dashboard of light theme 37

4.4 Progress page 38

4.5 Achievement page 38

4.6 Setting page 39

x
 ABSTRACT

The Our project introduces a comprehensive e-learning platform that provides engineering
students with free access to essential courses, integrated with a progress management and
streak management system. This initiative aims to enhance student engagement, improve
learning consistency, and ensure effective course completion through an interactive and user-
friendly interface. The platform features a secure login system, allowing students to create
personalized accounts to track their learning journey. Once logged in, users can access a wide
range of engineering courses tailored to different specializations, including computer science,
mechanical, electrical, and civil engineering. The course materials include video lectures,
interactive quizzes, assignments, and project-based learning modules, ensuring a holistic
educational experience. A key component of our platform is the progress management system,
which enables students to monitor their learning milestones efficiently. The system provides a
detailed dashboard displaying completed modules, pending tasks, and performance analytics,
allowing students to set learning goals and track improvements. By leveraging AI-driven
recommendations, the platform suggests personalized learning paths based on student progress,
ensuring an adaptive and dynamic educational experience. To further enhance student
engagement and retention, we have implemented a streak management system, inspired by
gamification techniques used in platforms like Duolingo and Coursera. This system encourages
students to maintain a consistent learning routine by rewarding them for consecutive study
days. Streak tracking fosters discipline and motivation, while additional features like streak
freezes and milestone rewards help sustain long-term engagement without creating pressure.
This project is a step toward democratizing education by offering free, high-quality learning
resources to engineering students. By combining structured course flow, real-time progress
tracking, and streak-based motivation, our platform aspires to bridge learning gaps and
empower students with the knowledge they need for academic and professional succes

xi
 TABLE OF CONTENT

Chapter Page No.

No.
Title Page
Declaration i
Certificate ii
Acknowledgement vii
List of figures ix
Abstract x
1. Introduction 2
1.1 Background 2
1.2 Problem Statement 3
1.3 Technologies used 4
1.4 Implementation Strategy 4
2. Review of the literature 5
2.1 Key findings 6
2.2 Evolution of the website 6
2.3 Existing platform and their functionalities 7
2.4 Challenges and solution 8
2.5 Limitation of current platform 9
2.6 Research gaps 9
2.7 Research paper 10
3. System Analysis and Design 13
3.1 Problem Statement 13
3.1.1 Objective 13
3.1.2 Stakeholder 13
3.1.3 Functional Requirement 13
3.1.4 Non- Functional Requirement 14
3.2 System Design 14
3.2.1 Use Case Diagram 14
3.2.2 Algorithm 15
3.2.3 Flowchart 18
3.2.4 HTML code 20
4. Result and output of the website 37
4.1 Test process 40
4.1.1 Testing strategy 40
4.1.2 Test plan 40
4.1.3 Test cases 41
5. Conclusion and future work 43
6. References 45
7. Annexure I 47
8. Annexure II 50

1
CHAPTER 1
INTRODUCTION

In today’s era of digital learning, maintaining consistency and engagement is essential for
effective knowledge acquisition. This project titled as "Course Flow: Track Progress and
Boost Learning Streaks" aims to develop a simple course-based web platform to enhance
the learning experience for students. The core features of this system include user
authentication, progress tracking, and an innovative streak management system that encourages
regular participation and rewards consistency.

This platform allows students to enroll in various courses, view structured content, and keep
track of their learning journey through a dynamic progress tracker. The streak management
system, inspired by platforms like Duolingo, is designed to motivate users to engage with the
content daily, thus reinforcing learning habits and improving knowledge retention. By
integrating user login functionality, the system ensures that each user's data, including progress,
streaks, and course history, is securely stored and personalized. The goal of Course Flow is not
only to provide access to free and structured educational resources but also to boost learner
motivation and long-term commitment through intelligent engagement strategies.

This Website aims to make is to design and develop an interactive, course-based web platform
that enhances student engagement and learning. The goal is to motivate learners through visual
feedback and habit-forming techniques, enabling them to effectively monitor their learning
journey, stay committed to daily study routines, and improve overall knowledge retention.

1.1 Background
The rapid advancement of technology has transformed the way students access educational
resources. Traditional learning methods often come with limitations such as high costs, lack of
personalized tracking, and minimal engagement strategies, making it difficult for students to
maintain consistency in their studies. Several e-learning platforms, such as Coursera, Udemy,
and GeeksforGeeks, provide quality courses,[4] but many of these resources require paid
subscriptions, restricting access for students with financial constraints. The idea behind our
project is to enhance student engagement, promote self-paced learning, and encourage long-
term retention through an intuitive and interactive educational platform. By incorporating

2
secure login system, students can personalize their learning experience, access engineering
courses, and track their academic journey.

1.2 Problem Statement

Learners frequently encounter challenges in maintaining momentum and focus in online
courses due to the lack of robust progress management tools. This gap in effective tracking
often results in diminished engagement, decreased motivation, and ultimately, lower course
completion rates.

To address this issue, the Course flow Website is developed as a digital platform that enables
users to solve One of the most prominent issues is the lack of consistency in learning.

1.2.1 Objectives
• To develop a user-friendly web platform that provides students with free access to
structured educational content across various courses.

• To design a progress tracking system that visually represents a learner’s course

completion status, helping them stay organized and motivated.

• To ensure mobile-friendly and responsive design, so students can access the platform
from various devices, including smartphones, tablets, and desktops.

• To enhance student motivation and retention, by using gamified elements like streaks,
progress bars, and milestone notifications.

1.2.2 Features of the Website

• Interactive Dashboard: Users gets a Personalized dashboard showing user progress,

active streaks, and course recommendations

• Course Enrollment & Viewing: Browse and enroll in various engineering and
technical courses watch video lecture and access notes.

• Tracking System: Real-time tracking of the completed course to maintain the progress
of the student.

• Responsive and Mobile-Friendly Design: Fully access of the website on desktops,

tablets, and smartphones.

• Course Playlist Feature: In this we give a structured and easy-to-navigate course

playlists

3
1.3 Technologies Used
• Frontend: HTML, CSS, JavaScript, tailwind css, reactjs for an interactive user
interface.

• Backend: [Link], nodejs, postgressql, [Link]

1.4 Implementation Strategy

• Phase 1: Research and requirement gathering.

• Phase 2: Development of the website with core features.

• Phase 3: Testing and debugging for seamless functionality.

• Phase 4: Launch and promotion through social media.

• Phase 5: Continuous monitoring and updates based on user feedback.

1.5 Expected Impact

• The streak management system encourages students to study regularly by building a
habit of daily engagement.

• The progress tracking helps the student to complete the course they enroll ion as it help
the student to maintain the momentum for the course

• The platform allows students to learn at their own pace.

• The streaks and rewards system helps to transforms learning into an engaging activity
rather than a task.

4
CHAPTER 2
REVIEW OF LITERATURE

The development of the course flow website have attempted to tackle the challenges through
innovative design approaches, gamification, and personalization.. The following literature
sources provide insight into the effectiveness of similar initiatives:

• E-Learning and Personalized Learning Environments: These platforms personalize

learning by providing adaptive content delivery, allowing learners to choose subjects
based on interest, skill level, and progress history. According to Clark & Mayer (2016),
e-learning systems that are learner-centric and goal-driven are more effective in
improving comprehension and retention.[11]
• Gamification in Educational Technology: Gamification is the application of game
elements like rewards, levels, and streaks in non-game environments to promote
engagement. As per Deterding et al. (2011), when learners are rewarded for their
achievements such as maintaining a streak of consecutive study days it boosts their
intrinsic motivation. Platforms like Duolingo use streak counters, skill trees, and
experience points to encourage continuous learning, which has proven successful in
increasing user retention.[12]
• Learning Progress Tracking Systems: Tracking a learner’s progress is a foundational
feature in modern LMS (Learning Management Systems). It allows learners to visualize
their journey, understand their weaknesses, and set short-term goals. The Course Flow
platform adopts a modular progress tracking system where users can track their
advancement through individual lessons, view completion percentages, and receive
automated feedback on their learning performance.
• User Authentication and Secure Data Handling:
In any application where personalized data is maintained, especially educational
platforms, data privacy and authentication become critical, According to O’Reilly
(2019), proper implementation of user authentication not only protects user data but
also helps in creating a customized experience by retrieving user-specific progress and
streak information[14]
• Analysis of Existing Systems: Several platforms offer partial implementations of
features relevant to Course Flow, but very few integrate them into a unified system
focused on educational streak-based motivation :- Duolingo uses gamified learning for

5
 language acquisition, with strong emphasis on streaks and rewards, Khan Academy
tracks user progress through video lessons and quizzes, offering mastery-based
learning.
•

2.1 Key Findings

1. Pulling content from YouTube and organizing it by topics, difficulty level, or playlist
adds significant value for users.
2. Features like completed lessons, watch history, and daily streaks help keep users
engaged.
3. A robust search bar with filtering (by topic, level, duration, etc.) drastically improves
usability.
4. User-specific dashboards that show progress, saved playlists, and recommendations are
crucial.
5. Admin should be able to add/edit courses, view analytics (views, user progress), and
moderate user activity.

2.2 Evolution of the Website

The Website has evolved to address critical issues related to measure the system’s
functionality, usability, performance, and effectiveness in promoting consistent learning:

• Phase 1: Initial Idea - The project began with the goal of creating an educational
website where students could access free learning resources.
• Phase 2: Basic Website Development - Components like the sidebar, navbar, and
course cards were developed using HTML, CSS, and JavaScript.
• Phase 3: Progress Tracking Implementation- The course content was structured into
modules, and the system could now track how much of a course a user had completed.
• Phase 4: Dashboard and Personalization- A personalized dashboard was developed,
where users could view their enrolled courses, progress, active streaks, and profile
details.
• Phase 5: Streak Management System - A smart logic was implemented to monitor
users’ daily activity, If a user completed a learning activity on a given day, the streak
count increased. Otherwise the loop is started from zero.

6
2.3 Existing platform and their functionalities

Several technological platforms and initiatives focus on rescuing stray and injured cows,
providing them with first aid and shelter, and reducing road accidents. Some of the existing
solutions include:

1. LeetCode

• LeetCode is a coding platform that tracks user progress through problem-solving

statistics, topic-wise performance, and user rankings.

• It features a daily streak system and a calendar heatmap, which visually represents
user activity and motivates consistent practice.

• These features make it an excellent model for implementing streak tracking and
calendar-based engagement in an LMS..

2. Duolingo

• Duolingo is a language learning app known for its gamified approach. It includes a
robust daily streak counter, XP-based progress system, and a calendar view showing
active days.

• These elements encourage daily use and help build learning habits, making
Duolingo a strong reference for streak and motivation systems in educational
platforms..

3. Coursera

• Coursera offers professional courses from universities and institutions. It

provides course progress tracking with percentage completion, module
progression, and calendar integration for setting and managing deadlines.
However, it lacks streak-based motivation tools, focusing more on scheduled
learning.

4. Udemy

• Udemy is a marketplace for online learning with a focus on video-based courses. It

includes real-time progress tracking for each course and allows users to resume

7
 from where they left off. While it sends reminder emails, it does not feature a
calendar view or streak system, making it more suitable for flexible learning styles..

5. The Odin Project

• The Odin Project is an open-source platform focused on teaching web development.

• It offers a clear course structure and sequential progress tracking as learners

complete lessons and projects.

• While it doesn’t have a built-in streak system or calendar view, its project-based
learning and community-driven approach help maintain engagement. Its
transparency and focus on coding fundamentals make it a good reference for
building structured, CS-specific course content.

Challenges and Solutions

• Challenge: Tracking user streaks based on their daily activity (such as logging in or
completing lessons) required accurate date comparisons, time zone management, and
logic to prevent false streak breaks.
o Solution: Created a logic that checks for daily activity timestamps and compares them

to the previous day.

• Challenge:. Managing Progress Tracking per Module
o Solution: Designed a user-course progress schema that maps each user to their

enrolled courses and individual module status (completed/incomplete).

• Challenge: Ensuring User Authentication and Secure Data Storage
o Solution: Implemented JWT (JSON Web Token)-based authentication.
• Challenge: Creating Dynamic Dashboards and Visual Analytics
o Solution: built responsive dashboards using frameworks like React and CSS
libraries (Tailwind CSS) for adaptive UI.
• Challenge: Handling Missed Streaks Without Demotivating the User
o Solution: Provided motivational pop-ups, messages, or small in-app rewards to
help users bounce back.
• Challenge: Keeping Learners Consistently Engaged
o Solution: Introduced daily login rewards and leaderboards to promote friendly
competition.

8
2.4 Limitations of Current Platforms

• Limited Real-Time Learning Behavior Analysis: Many existing platforms do not

provide real-time tracking and coordination..
• Lack of Adaptive Learning Paths: There's no dynamic adjustment based on user
performance or consistency (e.g., slow learners don't get simplified content, and fast
learners aren't challenged more).
• Limited Customization for Learners: Learners cannot personalize their learning
interface, notifications, or daily goals beyond the default settings.
• Data Privacy Concerns: Some popular platforms have been criticized for inadequate
data handling or transparency.
• Lack of Cross-Platform Sync: Users cannot switch easily between mobile, web, and
desktop versions without losing track of streaks or session history.
• No Support for Multi-Language Localized Interfaces: Many platforms are restricted
to English or a few international languages.

2.5 Research Gaps

• Lack of Integration Between Progress Tracking and Streak Management: Most

educational platforms either focus on tracking course progress (like Coursera and
Udemy) or encourage daily engagement (like Duolingo), but very few successfully
combine both.
• Limited Customization for Engineering Students: Existing platforms cater to a broad
audience, but they often lack customized features or content specifically tailored for
engineering or technical students. Students in these fields may require more hands-on
content, code integration, or progress markers specific to skill-building.
• Inconsistent User Retention Strategies: One of the biggest challenges in online learning
is maintaining student retention. Many users register for courses but don’t complete
them.
• No Unified Learning Experience: In many platforms, course content, progress tracking,
and habit-building features are fragmented or exist in silos. Learners have to switch
between dashboards, third-party tools, or multiple interfaces.
• Lack of Open-Source Learning Streak Systems: While many features like
authentication, progress tracking, and course management exist in open-source
platforms (like StudyNotion), streak-based systems are rare or non-existent in open-
source education tools.

9
2.6 Research papers

Certainly, here is a curated list of research papers and articles related to thewebsites and the use
of technology :

1. " Means, B., et al. (2013). The Effectiveness of Online and Blended Learning: A
Meta-Analysis of the Empirical Literature. Teachers College Record.”
Summary: The study finds that blended learning approaches often yield better
outcomes than purely online or traditional methods, emphasizing the importance of
integrating online components with in-person instruction to enhance learning
effectiveness.
2. “Veletsianos, G. (2020). Learning Online: The Student Experience. Johns Hopkins
University Press.”
Summary: The study provides insights into how students navigate online education,
offering recommendations for educators to improve online learning environments
3. “Sun, P., et al. (2008). What Drives a Successful E-Learning? An Empirical
Investigation of the Critical Factors Influencing Learner Satisfaction. Computers
& Education.”
Summary: This study identifies key factors that influence learner satisfaction in e-
learning environments, including course quality, system functionality, learner
characteristics, and instructor support.
4. “Hew, K. F., & Cheung, W. S. (2014). Students’ and Instructors’ Use of Massive
Open Online Courses (MOOCs): Motivations and Challenges. Educational
Research Review.”
Summary: This study examines the motivations behind students' and instructors'
participation in MOOCs, as well as the challenges they face.
5. “Allen, I. E., & Seaman, J. (2017). Digital Learning Compass: Distance Education
Enrollment Report 2017. Babson Survey Research Group.”
Summary: This study analyzes trends in distance education enrollment in the United
States, revealing a steady increase in the number of students taking online courses.
6. “Anderson, T. (2008). The Theory and Practice of Online Learning. Athabasca
University Press.”
Summary: The book serves as a foundational resource for understanding and
implementing effective online learning strategies.

10
7. “Bozkurt, A., et al. (2020). A Global Outlook to the Interruption of Education Due
to COVID-19 Pandemic: Navigating in a Time of Uncertainty and Crisis. Asian
Journal of Distance Education.”
Summary: This study reflects on the global impact of the COVID-19 pandemic on
education, documenting responses from 31 countries. It discusses the rapid shift to
online learning, challenges faced by educators and learners, and the need for
resilient educational systems.
8. “Bernard, R. M., et al. (2004). How Does Distance Education Compare With
Classroom Instruction? A Meta-Analysis of the Empirical Literature. Review of
Educational Research.”
Summary: The study concludes that, on average, distance education is as effective
as traditional instruction, with some variations depending on subject matter and
instructional methods
9. “Drakatos, N., Tsompou, E., Kefalis, C., & Stavridis, S. (2024). E-learning Tools
and Pedagogies for Studying STEM. TechHub Journal, 5, 34-53.”
Summary: It study emphasizes the importance of interactive and practical learning
experiences, suggesting that well-designed e-learning environments can enhance
student engagement and understanding in STEM subjects.
10. “Aljawarneh, S., Yassein, M. B., & Aljundi, A. (2020). Scalable and Secure Data
Storage in Cloud Computing Using AES and Diffie–Hellman. Journal of
Information Security and Applications”
Summary: This study presents a method for secure and scalable data storage in cloud
computing environments, utilizing AES encryption and Diffie–Hellman key
exchange. The approach aims to protect sensitive information, which is particularly
relevant for educational institutions handling student data
11. “Kim, J., Jo, I.-H., & Park, Y. (2014). Effects of Learning Analytics Dashboard:
Analyzing the Impact of the Dashboard in LMS. Educational Technology & Society”
Summary: This research investigates the impact of learning analytics dashboards in
Learning Management Systems (LMS). The study finds that dashboards can
enhance students' self-regulated learning by providing insights into their learning
behaviors and progress.

11
12. “Looyestyn, J., et al. (2017). Does Gamification Increase Engagement with Online
Programs? A Systematic Review. PLOS ONE,”
Summary: This systematic review examines the effectiveness of gamification in
online programs. The findings suggest that gamification can improve user
engagement and motivation, though the impact varies depending on the context and
implementation of gamified elements.
13. “Martin, F., Wang, C., & Sadaf, A.”
Summary: This study investigates students' perceptions of specific facilitation
strategies used by instructors in online courses. The researchers found that strategies
enhancing instructor presence, timely feedback, communication, and emotional
support contributed significantly to students feeling more connected and engaged.
14. “Rani, B., & Rajalakshmi, P.”
Summary: This paper presents an overview of different data persistence methods
used in enterprise-level web applications. It discusses the pros and cons of various
storage techniques, including relational databases, object-relational mapping
(ORM), and NoSQL solutions.

12
CHAPTER 3
SYSTEM ANALYSIS AND DESIGN

3.1 Problem Statement

Learners frequently encounter challenges in maintaining momentum and focus in online

courses due to the lack of robust progress management tools. This gap in effective tracking
often results in diminished engagement, decreased motivation, and ultimately, lower course
completion rates.

3.1.1 Objectives

• Users can register/login.

• Enroll in customizable courses.
• Track their daily learning streaks.
• View their progress visually.
• Get rewarded for consistency

3.1.2 Stakeholders

• Students: Primary users of the platform who register, enroll in courses, track progress,
and maintain learning streaks.
• System Administrator: Person managing platform stability, user roles, content
moderation, and backend operations.
• Parents/Guardian: In the case of younger learners, guardians may want to monitor
progress.
• Project Developers: Designers and developers of the system

3.1.3 Functional Requirements

1. User Registration/Login
2. Course Management
3. Progress Tracking
4. Gamification and Motivation
5. Analytics Dashboard
6. Streak Management

13
3.1.4 Non-Functional Requirements

• Security: Secure user data and transactions.

• Scalability: Handle increasing users and reports.
• User-Friendly UI: Clean and intuitive layout.
• Responsiveness: Optimized for mobile, tablet, and desktop
• Usability: Simple and accessible design.

3.2 System Design

3.2.1 Use Case Diagram Representation

+---------------------+
| Frontend UI |
| (React/[Link]) |
+---------------------+
|
↓
+-------------------------+
| API Gateway Layer |
| ([Link]) |
+-------------------------+
|
+-----------------+------------------+
| |
↓ ↓
+---------------------+ +-------------------------------+
| Authentication | | Application Logic Layer |
| (JWT, crypt) | | (Courses, Streaks, XP) |
+---------------------+ +-------------------------------+
|
↓
+------------------------------+
| MongoDB (Database) |
| Users, Courses, Streaks |
+------------------------------+

Fig: 3.2.1 Tech-flow 1

3.2.2 Algorithm
User Authentication

Step 1: Display login/register page to the user.

Step 2: If user selects 'Register':

14
 → Accept user details (name, email, password)

→ Check if email already exists in database

→ If yes, display "User already exists"

→ Else, hash password and store user data in the database

→ Redirect to dashboard

Step 3: If user selects 'Login':

→ Accept email and password

→ Fetch user data by email

→ Verify entered password with stored hashed password

→ If match, create a user session/token

→ Else, display "Invalid credentials"

→ Redirect to user dashboard

Progress Tracking System

Step 1: On course page, fetch all lessons/modules.

Step 2: When user marks a lesson as completed:

→ Update lesson status in the user’s progress database

→ Calculate percentage of course completed:

Progress (%) = (Completed Lessons / Total Lessons) × 100

→ Display updated progress bar on dashboard

Step 3: Save progress data in real-time or on exit

Streak Management System

Step 1: On user login or course activity:

→ Fetch user’s last_active_date and current streak from database

→ Get today’s date

Step 2: Compare dates:

15
 → If (today == last_active_date):

→ No change in streak (already updated today)

→ Else if (today == last_active_date + 1 day):

→ Increment streak by 1

→ Update last_active_date to today

→ Else:

→ Reset streak to 1

→ Update last_active_date to today

Step 3: Store updated streak count in user database

Step 4: Display streak counter on dashboard

Dashboard Overview

Step 1: On dashboard load:

→ Fetch enrolled courses for the user

→ For each course, fetch progress data

→ Fetch current streak count

Step 2: Display:

→ User name, profile info

→ Progress bars for each course

→ Streak counter (flame icon + count)

Logout

Step 1: User clicks on logout

Step 2: Invalidate session or delete token

Step 3: Redirect to login page

16
 3.2.3 Flowcharts

Fig 3.2.3: LMS user activity flow-Authentication to progress tracking

This flowchart illustrates the user journey within a Learning Management System (LMS). The
process begins with the user logging in or registering on the platform. The system then checks
whether the user is authenticated. From there, the user can either start a new course or enrol in
an existing one. Once enrolled, they begin their daily learning task, updating lessons or modules
as they progress. If the user completes a task on the current day, the system updates their
learning streak. Finally, the user can choose to log out or exit the platform, completing the
session. This flow ensures a seamless, gamified, and progress-oriented learning experience.

17
 Fig. 3.2.3: Tech-flow chart 2
This flowchart presents a structured development roadmap for a Learning Management System
(LMS). The process begins with deciding the tech stack and designing the user interface to
ensure a smooth and visually appealing user experience. Once the project is initialized,
development is divided into frontend and backend streams. A key feature is the user
authentication system, which includes email verification during registration, JWT-based login,
profile management, and daily streak tracking to encourage consistent learning. The frontend
development brings the UI to life and connects it with backend functionalities. The final output
is a user dashboard that allows learners to view course playlists and visualize their learning
streaks, making the LMS both interactive and motivating.

18
3.2.4 HTML and CSS codes for developing website

HTML code

19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
CHAPTER 4
RESULTS & OUTPUTS OF THE WEBSITE

This is a dashboard interface of a Learning Management System (LMS) named LearnHub,

developed using technologies like React, HTML, JavaScript, Tailwind CSS, and custom CSS.
The design follows a clean and modern layout, with a sidebar on the left and the main dashboard
content on the right. The sidebar provides navigation options such as Dashboard, Courses,
Bookmarks, Progress, and Settings, allowing users to easily move between different sections.
The main content area welcomes the user personally and displays key statistics in neatly
arranged cards. These include total learning time, number of completed courses, current
learning streak, and total achievement points. Below the stats, there are quick-access buttons
like "Continue Learning" and "Recommended Courses." The user interface is responsive and
user-friendly, enhanced by Tailwind’s utility-first classes and React’s component-based
structure, making the overall experience smooth and efficient.

Fig4.1 : Dashboard

36
 Fig 1.2: Number of courses

Fig 4.3: Dashboard of light themes

37
 Fig 4.4: Progress page

Fig 4.5: Achievement page

38
 Fig 4.6 : Setting page

4.1 Test Process

Testing ensures that the website operates smoothly, identifying and fixing issues before
deployment. Below is a structured test process, including different testing methods, test cases,
and expected results.
4.1.1 Testing Strategy

The testing process follows the Software Testing Life Cycle (STLC) and includes:

• Unit Testing – Tests individual components.

• Integration Testing – Tests interaction between modules.
• System Testing – Ensures the website meets functional requirements.
• User Acceptance Testing (UAT) – Verifies usability and real-world scenarios.
• Performance Testing – Evaluates speed and scalability.
• Security Testing – Checks for vulnerabilities.

4.1.2 Test Plan

Test Type Objective Tools Used
Unit Testing Test individual features (e.g., login, report JUnit, Selenium
submission)

Integration Verify interaction between modules (Rescue Postman, REST Assured

Testing Team & Shelter)

39
 System Testing Check the entire workflow from reporting to Manual Testing, Selenium
adoption

UAT Ensure the website is user-friendly and Real-user testing

bugfree

Performance Assess response time, load handling JMeter, LoadRunner

Testing
Security Detect security vulnerabilities OWASP ZAP
Testing

4.1.3 Test Cases

User Authentication and Login

Test Description Input Expected Result Status
ID
TC_01 Valid login Correct email & User is redirected Pass/Fail
credentials to dashboard
password

TC_02 Empty login Blank Pass/Fail

Prompt to fill all
fields email/password
fields
fields

TC_03 Forgot password Email for password Reset link sent to Pass/Fail
process reset email

Course Enrollment and Viewing

Test Description Input Expected Result Status
ID
TC_04 View all available Click on course List of all available Pass/Fail
courses library courses shown

TC_05 Click "Enroll" on Pass/Fail

Enroll in a course Course not added to
course card
user’s dashboard
TC_06 Access unenrolled Click on course in Course content is Pass/Fail
course dashboard displayed

40
Progress Tracking System
Test Description Input Expected Result Status
ID
TC_07 View progress Open course Progress bar shows % Pass/Fail
on enrolled completed
course
TC_08 Navigate to All course progress shown Pass/Fail
Dashboard
dashboard
displays
progress
summary

Streak Management System

Test Description Input Expected Status
ID Result
TC_09 User completes task for Marks a lesson as Pass/Fail
Streak count
the day complete
increases by 1

TC_10 User skips a day No activity recorded Pass/Fail

Streak is not
reset to 0
TC_11 Streak milestone Reward Pass/Fail
Maintain 7-day streak
reached unlocked

User Dashboard and Profile

Test Description Input Expected Result Status
ID
TC_12 View enrolled Open dashboard All active courses are Pass/Fail
courses not listed

TC_13 Edit and save profile info Changes are saved Pass/Fail
Update user
and shown
profile
immediately

TC_14 Logout Pass/Fail

Click logout User is redirected to
login page

41
CHAPTER 5

CONCLUSION AND FUTURE WORK

The project "Course Flow: Track Progress and Boost Learning Streaks" was created to help
students learn in a more organized and motivated way. The main goal of this project was to
build a website where users can log in, enroll in different courses, track their progress in each
course, and maintain a learning streak by studying every day.
We observed that many students start online courses but don’t finish them because they lose
interest or forget to study regularly. To address this, we introduced a progress tracking system
and a streak management feature to our platform. The progress tracker helps users monitor their
course completion, while the streak system encourages daily learning, promoting consistency
and habit formation—concepts shown to improve learner motivation and engagement
(Looyestyn et al., 2017; Kim et al., 2014).
A login system ensures that user data and learning history are securely stored and retrieved,
allowing users to return anytime and resume learning. Once logged in, they access a
personalized dashboard displaying all enrolled courses, their completion status, and current
streak—similar to personalized learning approaches proven effective in online education
(Martin et al., 2020).
The course module is designed to be scalable and user-friendly, with structured playlists for
each course. Users’ progress is updated as they interact with topics, supported by back-end data
persistence practices (Rani & Rajalakshmi, 2016).
However, despite its success, the project faces several technical and user experience challenges.
These include the need for a more engaging UI, real-time progress tracking, seamless user data
saving, maintaining persistence across sessions and pages, addressing user disengagement over
time, and ensuring that growing data volumes do not impact performance. Additionally,
systems for dynamic course updates and resilience against server issues are essential for
scalability and robustness (Aljawarneh et al., 2020).

The current version of Course Flow provides core functionalities such as user authentication,
streak management, and progress tracking. However, there are several areas that can be
explored and enhanced in future iterations of the project:
1. Gamification Elements
To further boost user engagement, gamification features such as badges, leaderboards,

42
 and achievement milestones can be integrated. This would encourage learners to
maintain their learning streaks and stay motivated.
2. AI-Based Personalized Recommendations
Incorporating AI to analyze user activity and suggest personalized courses or learning
paths based on their interests, strengths, and progress history would enhance the
learning experience.
3. Social Learning Features
Adding community features like discussion forums, peer feedback, and group
challenges could make the platform more interactive and collaborative, promoting a
stronger learning community.
4. Mobile Application Development
Building a dedicated mobile app would allow users to track their progress, receive
notifications, and maintain streaks on the go, increasing accessibility and
convenience.
5. Advanced Analytics Dashboard
Introducing a dashboard with detailed analytics—such as weekly/monthly
performance graphs, time spent per topic, and learning efficiency metrics—can help
users better understand and improve their learning patterns.
6. Admin Panel for Course Instructors
A backend system for instructors to manage course content, track student progress,
and provide feedback would make the platform more comprehensive for both learners
and educators.

43
CHAPTER 6

REFERENCES

1. Means, B., et al. (2013). The Effectiveness of Online and Blended Learning: A Meta-
Analysis of the Empirical Literature. Teachers College Record.
2. Veletsianos, G. (2020). Learning Online: The Student Experience. Johns Hopkins
University Press.
3. Sun, P., et al. (2008). What Drives a Successful E-Learning? An Empirical Investigation
of the Critical Factors Influencing Learner Satisfaction. Computers & Education.
4. Hew, K. F., & Cheung, W. S. (2014). Students’ and Instructors’ Use of Massive Open
Online Courses (MOOCs): Motivations and Challenges. Educational Research Review.
5. Allen, I. E., & Seaman, J. (2017). Digital Learning Compass: Distance Education
Enrollment Report 2017. Babson Survey Research Group.
6. Anderson, T. (2008). The Theory and Practice of Online Learning. Athabasca
University Press.
7. Bozkurt, A., et al. (2020). A Global Outlook to the Interruption of Education Due to
COVID-19 Pandemic: Navigating in a Time of Uncertainty and Crisis. Asian Journal of
Distance Education.
8. Bernard, R. M., et al. (2004). How Does Distance Education Compare With Classroom
Instruction? A Meta-Analysis of the Empirical Literature. Review of Educational
Research.
9. Drakatos, N., Tsompou, E., Kefalis, C., & Stavridis, S. (2024). E-learning tools and
pedagogies for studying STEM. TechHub Journal, 5, 34-53.
10. Aljawarneh, S., Yassein, M. B., & Aljundi, A. (2020). Scalable and secure data
storage in cloud computing using AES and Diffie–Hellman. Journal of Information
Security and Applications, 55, 102582. [Link]

11. Kim, J., Jo, I.-H., & Park, Y. (2014). Effects of learning analytics dashboard:
Analyzing the impact of the dashboard in LMS. Educational Technology & Society,
17(4), 313–326.
12. Looyestyn, J., Kernot, J., Boshoff, K., Ryan, J., Edney, S., & Maher, C. (2017). Does
gamification increase engagement with online programs? A systematic review. PLOS
ONE, 12(3), e0173403. [Link]

44
13. Martin, F., Wang, C., & Sadaf, A. (2020). Student perception of helpfulness of
facilitation strategies that enhance instructor presence, connectedness, engagement and
learning in online courses. The Internet and Higher Education, 37, 52–65.
[Link]
14. Rani, B., & Rajalakshmi, P. (2016). An overview of data persistence approaches for
enterprise web applications. International Journal of Computer Science and Mobile
Computing, 5(4), 170–175.

45
 ANNEXURE I

The aim of this project is to develop a full-stack web application with a seamless, responsive
user interface and a robust backend system, supporting user authentication, data management,
and real-time interaction between frontend and backend components.

1. Backend Technologies and Tools

A JavaScript runtime built on Chrome’s V8 engine, used for developing scalable

server-side applications. It handles asynchronous I/O operations effectively,
[Link]
making it suitable for building high-performance APIs.

A minimal and flexible [Link] web application framework that provides robust
features for building RESTful APIs and web applications. It simplifies routing,
[Link]
middleware configuration, and error handling.

An advanced open-source relational database management system (RDBMS)

that emphasizes extensibility and SQL compliance. It is used to store, retrieve,
PostgreSQL
and manage structured data with ACID compliance, foreign key constraints,
joins, and indexing.

2. Frontend Technologies and Tools

A JavaScript library for building reusable UI components. React allows for fast
[Link] rendering using a virtual DOM, making applications dynamic and interactive. It
follows component-based architecture for better modularity and maintainability.

JavaScript A high-level programming language used to implement the application logic,

(JS) manipulate DOM elements, and interact with APIs on the client side.
The standard markup language used for creating the structure of the web pages.
HTML5
It supports modern multimedia elements and responsive layout structures.
A stylesheet language used for describing the look and formatting of a document
CSS3
written in HTML. Used here for basic layout and design.

46
 A utility-first CSS framework used to design custom user interfaces quickly and
Tailwind
efficiently. Tailwind supports responsive design out of the box and allows for
CSS
rapid UI development without writing custom CSS.

A modern frontend build tool that significantly improves development

Vite experience with fast cold starts and hot module replacement (HMR). It is used
as the bundler and development server.

A promise-based HTTP client for the browser and [Link], used to send
asynchronous requests from the frontend to the backend. It simplifies HTTP
Axios
requests with features like request/response interceptors and automatic JSON
parsing.

3. API Testing Tool

A platform for building and testing APIs. It allows sending requests to the backend,
verifying the response status, headers, and data, and creating API test suites. Used
Postman
extensively during development to test backend endpoints (GET, POST, PUT,
DELETE).

4. Project Structure

 Frontend:
o Developed using React and Tailwind CSS.
o Organized into components, pages, and utility folders.
o Axios is used for all API calls.
 Backend:
o Organized using MVC (Model-View-Controller) architecture.
o Routes are defined using Express and linked to appropriate controller logic.
o Middleware is used for authentication ([Link]) and error handling.
 Database:
o Normalized PostgreSQL schema with tables for users, data entries, logs, etc.
o Primary keys, foreign keys, indexing, and constraints implemented for data
integrity.
o Secure connection to the backend through environment configuration.

47
5. Security and Best Practices

 Environment Variables: Used .env file to store sensitive credentials like API keys,
database URIs, etc.
 Input Validation: All user inputs are validated both on frontend and backend to
prevent injection attacks.
 CORS Configuration: Cross-origin requests are handled securely using middleware
in Express.
 Authentication: Used [Link] for secure user login sessions .

7. Development & Testing Workflow

 Used Git for version control and GitHub for source code management.
 APIs were tested regularly with Postman and debugged using browser dev tools.
 Frequent code reviews and modularization for maintainability.
 Ensured responsiveness using Tailwind’s utility classes and media queries.

48
 ANNEXURE II

This annexure provides details about the team members involved in the project. These details
are meant to facilitate future communication and collaboration.

Project Title: Course Flow: Track Progress and Boost Learning Streaks

Team Members:

Tanmay Singhal [Link]@[Link]

Ramit Pandey ramitpandey2002![Link]

Sumit Chauhan meetsumit1803@[Link]

Deepak Choudhary deepak.choudhary2@[Link]

Tushita Jain tushita.jain1@[Link]

Please feel free to contact any of the team members for inquiries, collaborations, or further
discussions related to the project. We are committed to aiding and support whenever needed.

49