Skip to content

feat(courses): add course progress tracker #297

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
BekahHW merged 2 commits into from
Oct 31, 2025
Merged

feat(courses): add course progress tracker #297

BekahHW merged 2 commits into from
Oct 31, 2025

Conversation

@CBID2
Copy link
Contributor

@CBID2 CBID2 commented Oct 24, 2025 •
edited
Loading

Description

This PR is a redo of #296(adding a course progress indicators, making it easier for learners to track their progress)

Related Issues

Closes #270

Mobile & Desktop Screenshots/Recordings

Screen.Recording.2025-10-23.at.11.42.07.PM.mov

Steps to QA

[optional] What GIF best describes this PR or how it makes you feel?

@CBID2
feat(courses): add course progress tracker
8530f10 
- Created CourseProgress component with interactive chapter tracking
- Added dark/light mode toggle
- Implemented local storage for saving progress
- Added responsive design for all screen sizes
- Included progress visualization with completion percentages
- Added new progress page at /progress
- Updated navigation to include progress tracker
- Replaced external icon dependencies with inline SVGs for reliability"

Signed-off-by: Christine Belzie <shecoder30@gmail.com>
@netlify
Copy link

netlify bot commented Oct 24, 2025 •
edited
Loading

✅ Deploy Preview for learn-open-source ready!

Name Link
🔨 Latest commit 1ad4803
🔍 Latest deploy log https://app.netlify.com/projects/learn-open-source/deploys/68faf37aebef6e000895ba1d
😎 Deploy Preview https://deploy-preview-297--learn-open-source.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@CBID2
chore: update Node.js to v20.0.0 and fix build configuration
1ad4803 
- Add .nvmrc with Node.js 20.0.0
- Update package.json engines field
- Update Netlify configuration with Node.js 20.0.0

Signed-off-by: Christine Belzie <shecoder30@gmail.com>
@CBID2 CBID2 marked this pull request as ready for review October 24, 2025 03:33
github-actions[bot]
github-actions bot reviewed Oct 24, 2025
View reviewed changes
Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR Compliance Checks

Thank you for your Pull Request! We have run several checks on this pull request in order to make sure it's suitable for merging into this project. The results are listed in the following section.

Watched Files

This pull request modifies specific files that require careful review by the maintainers.

Files Matched

  • package-lock.json
  • package.json

@CBID2
Copy link
Contributor Author

CBID2 commented Oct 24, 2025

Hey @BekahHW! :) My PR is ready for review! 👍🏾

@BekahHW BekahHW merged commit 97e4837 into OpenSource-Communities:main Oct 31, 2025
14 checks passed
@CBID2 CBID2 deleted the course-progress-indicators-redo branch October 31, 2025 13:43
@CBID2
Copy link
Contributor Author

CBID2 commented Oct 31, 2025

Thanks @BekahHW! 😊 You forgot to put the 'hacktoberfest-accepted' label on my pull request. Can you add it there please?

@adiati98
Copy link
Collaborator

adiati98 commented Oct 31, 2025 •
edited
Loading

Hey @CBID2,

I believe, Bekah didn't forget. Our repo has hacktoberfest topic tag that you can find in the About section at the repo's main page. That said, it participates in Hacktoberfest. All merged PRs are automatically counted towards Hacktoberfest.

Here's the info from the official Hacktoberfest website for your reference:

[participating] Your PR/MRs must be in a repo tagged with the “hacktoberfest” topic, or have the “hacktoberfest-accepted” label.

But I'll add it anyway as per your request.

@adiati98 adiati98 added the hacktoberfest-accepted Issues/PR that are acceptable in hacktoberfest label Oct 31, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@github-actions github-actions[bot] github-actions[bot] left review comments

@BekahHW BekahHW BekahHW approved these changes

@adiati98 adiati98 Awaiting requested review from adiati98 adiati98 is a code owner

Assignees

No one assigned

Labels

hacktoberfest-accepted Issues/PR that are acceptable in hacktoberfest

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Add course progress tracking indicators

3 participants

@CBID2 @adiati98 @BekahHW