For Contributors & Beginners: This document breaks down the entire project into clear, achievable tasks. Each task has a difficulty level, description, and links to the relevant GitHub Issue. Pick any task that matches your skill level and start contributing!
- Find a task that matches your skill level (🟢 Easy, 🟡 Medium, 🔴 Hard)
- Check the GitHub Issue linked to the task for full details
- Fork the repo, create a branch, make your changes
- Submit a Pull Request referencing the issue number
| Level | Meaning | Skills Needed |
|---|---|---|
| 🟢 Easy | Great for first-timers | Basic HTML/CSS/JS |
| 🟡 Medium | Some experience needed | JS modules, DOM APIs |
| 🔴 Hard | Advanced concepts | APIs, architecture, testing |
Polish the existing interface and fix visual issues.
| # | Task | Difficulty | Issue |
|---|---|---|---|
| 1 | Add animated page transitions between routes | 🟢 Easy | #1 |
| 2 | Create a "Back to Top" scroll button | 🟢 Easy | #2 |
| 3 | Add skeleton loading states for all pages | 🟡 Medium | #3 |
| 4 | Improve mobile responsiveness on lesson page | 🟡 Medium | #4 |
| 5 | Add keyboard shortcuts for editor actions | 🟡 Medium | #5 |
Expand the course library with new content.
| # | Task | Difficulty | Issue |
|---|---|---|---|
| 6 | Add complete CSS Essentials course content | 🟢 Easy | #6 |
| 7 | Add complete JavaScript Basics course content | 🟡 Medium | #7 |
| 8 | Create a "Getting Started" onboarding tutorial | 🟢 Easy | #8 |
| 9 | Add more coding challenges with varied difficulty | 🟡 Medium | #9 |
| 10 | Add code snippets/examples to cheat sheets | 🟢 Easy | #10 |
Add new functionality to enhance the learning experience.
| # | Task | Difficulty | Issue |
|---|---|---|---|
| 11 | Add a search/filter feature to the courses page | 🟡 Medium | #11 |
| 12 | Implement a "Bookmark Lesson" feature | 🟢 Easy | #12 |
| 13 | Add export/import for user progress data | 🟡 Medium | #13 |
| 14 | Create a statistics dashboard on the profile page | 🟡 Medium | #14 |
| 15 | Add a "Share Progress" feature (social sharing) | 🟢 Easy | #15 |
Improve code quality, testing, and developer workflows.
| # | Task | Difficulty | Issue |
|---|---|---|---|
| 16 | Add JSDoc comments to all JavaScript modules | 🟢 Easy | #16 |
| 17 | Create a style guide / component library page | 🟡 Medium | #17 |
| 18 | Set up GitHub Pages for live deployment | 🟢 Easy | #18 |
Bigger features for when the core is solid.
| # | Task | Difficulty | Issue |
|---|---|---|---|
| 19 | Add user authentication with Firebase/Supabase | 🔴 Hard | #19 |
| 20 | Build a discussion/comments section per lesson | 🔴 Hard | #20 |
| 21 | Generate PDF certificates on course completion | 🔴 Hard | #21 |
| Task | Status |
|---|---|
| Landing page with hero, features, CTA | ✅ Done |
| Lesson page (video + editor split view) | ✅ Done |
| Quiz system with scoring | ✅ Done |
| Coding challenges with validation | ✅ Done |
| AI-powered hint system | ✅ Done |
| Timestamped note-taking | ✅ Done |
| Project portfolio with ZIP download | ✅ Done |
| Dark/Light mode toggle | ✅ Done |
| Hash-based SPA router | ✅ Done |
| localStorage persistence | ✅ Done |
| Professional README | ✅ Done |
Last updated: March 10, 2026