A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

edtech front-end full-stack learning-management-system lms monaco-editor nextjs programming programming-education react supabase tailwindcss typescript
24 Open Issues Need Help Last updated: Mar 14, 2026

Open Issues Need Help

View All on GitHub
Web Development Educational Platform

AI Summary: This issue requires refactoring the platform to remove all hardcoded mock data and implement full Create, Read, Update, and Delete (CRUD) operations for the admin panel. The goal is to enable administrators to dynamically manage real platform content through newly developed APIs.

Complexity: 4/5
good first issue ui/ux phase-2 phase-3 professional-evolution beginner-friendly

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes the implementation of an Instructor Management module within the Admin Panel. Administrators will be able to grant instructor privileges to existing users by entering their email address through a new UI section, which will then securely update their role via a backend API. The feature also requires proper route protection for administrators and user feedback mechanisms.

Complexity: 3/5
enhancement good first issue ui/ux phase-3 phase-5 frontend professional-evolution beginner-friendly

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This feature request aims to automatically assign 'Admin' and 'Instructor' roles to two specific email addresses upon their initial sign-in. The implementation involves detecting these emails during authentication, updating user roles in the database, and ensuring the UI correctly reflects these permissions while preventing unauthorized access.

Complexity: 3/5
enhancement good first issue difficulty: medium phase-3 phase-5

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding a feature to allow instructors to upload course thumbnail images directly from their local machine using Firebase Cloud Storage. The implementation involves modifying the course builder form to accept file uploads, configuring Firebase Storage, creating a service to handle uploads and retrieve download URLs, and then integrating this URL into the course data.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding a live Markdown preview feature to the CMS builder for lesson notes and challenge instructions. Instructors will be able to see their formatted Markdown content in real-time before saving, improving the user experience. The implementation involves adding a preview pane and an event listener to update it as the user types.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This feature request aims to improve user experience by adding a real-time notification bell to the global navbar. When a student receives a reply to their code review request, the bell will pulse, alerting them without requiring manual page refreshes. The implementation involves updating the discussion service to record notifications and using Firebase's real-time listeners in the navbar to display an unread count.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue addresses a security vulnerability where any logged-in user can access the instructor dashboard by directly navigating to its URL. The fix involves implementing Role-Based Access Control (RBAC) on the frontend to ensure only users with instructor privileges can view this dashboard, redirecting unauthorized users to the homepage with a toast message.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the implementation of an "Manage Content" feature within the Instructor CMS. This feature will allow instructors to edit and delete existing courses and lessons, which is currently not possible. The implementation involves fetching content from Firebase, displaying it in a table or list, and adding edit/delete functionalities.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding a new 'Create Challenge' tab to the Instructor CMS. This tab will allow instructors to build coding challenges by providing fields for course/module ID, title, instructions, language, starter code, and validation code, eliminating the need for them to access the codebase directly.

Complexity: 2/5
enhancement good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: The course progression calculation incorrectly uses a static lesson count, leading to percentages exceeding 100% when new lessons are added dynamically. The fix involves updating the calculation to dynamically count lessons instead of relying on a hardcoded value.

Complexity: 1/5
bug good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: The course progression calculation is broken because it uses a hardcoded total lesson count. When new lessons are added dynamically, this count doesn't update, leading to progression percentages exceeding 100%. The fix involves dynamically calculating the total number of lessons instead of relying on the static property.

Complexity: 1/5
bug good first issue

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes enhancing course reviews by adding interactive features. Users will be able to react to reviews with icons like 'Like' or 'Helpful' and reply to them, creating a nested discussion thread. The implementation will involve UI updates, database schema modifications for parent-child relationships, and notification system integration.

Complexity: 3/5
enhancement good first issue difficulty: medium

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue reports UI responsiveness problems on mobile and tablet devices, specifically mentioning overflow and scaling issues. The tasks involve auditing key components, fixing horizontal scrolling, adjusting layouts for tablet breakpoints, and testing across different device resolutions.

Complexity: 3/5
bug help wanted good first issue difficulty: medium

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes creating a first-time visitor onboarding experience. It involves detecting a first visit using localStorage, displaying a welcome modal with an app overview and feature tour, collecting a name for personalization, and then navigating the user to the courses section. The modal styles are already provided, and the task is considered easy.

Complexity: 2/5
good first issue content difficulty: easy phase-2

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the implementation of a 'Back to Top' scroll button. The button should be a floating element that appears after the user scrolls down 400 pixels and smoothly scrolls to the top of the page when clicked. The provided instructions detail the necessary HTML, CSS, and JavaScript to achieve this functionality.

Complexity: 1/5
good first issue ui/ux difficulty: easy phase-1

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding animated page transitions to a web application to improve user experience. The goal is to implement a fade-in/fade-out effect lasting 200-300ms when navigating between pages, by modifying JavaScript and CSS files.

Complexity: 2/5
good first issue ui/ux difficulty: easy phase-1

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue outlines the steps to deploy a project to GitHub Pages, either manually through repository settings or automatically using a GitHub Actions workflow. The goal is to make the project accessible online and update the README with the live URL.

Complexity: 2/5
good first issue difficulty: easy phase-4

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the addition of JSDoc comments to all JavaScript files within the `js/services/`, `js/components/`, and `js/utils/` directories. The goal is to improve code documentation by adding descriptive comments for every function and class, following a provided example format. This task is considered an easy way to learn the codebase.

Complexity: 2/5
good first issue difficulty: easy phase-4

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding a 'Share Progress' feature to allow students to share their learning achievements on social media. It involves adding a button, generating a pre-defined message, and utilizing the Web Share API or clipboard functionality for sharing.

Complexity: 2/5
enhancement good first issue difficulty: easy phase-3

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes adding a "bookmark lesson" feature to allow students to save specific lessons for quick access. The implementation involves adding a bookmark icon to lesson pages, storing bookmarks in localStorage, displaying them on the user's profile, and handling the toggle functionality for the bookmark icon.

Complexity: 2/5
enhancement good first issue difficulty: easy phase-3

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue proposes enhancing existing cheat sheets by adding formatted code snippets and visual examples. The task involves reviewing and updating the `cheatSheet` field in `data/lessons.json` to include syntax highlighting, clear sections like 'Syntax' and 'Examples', and a 'Common Mistakes' section. The goal is to improve the learning experience with richer, more practical content.

Complexity: 2/5
good first issue content difficulty: easy phase-2

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the creation of complete lesson content for a CSS Essentials course. It involves writing HTML content, cheat sheets, and providing resources for eight distinct CSS topics, linking them to assessments within `data/lessons.json`, `data/quizzes.json`, and `data/challenges.json`.

Complexity: 2/5
good first issue content difficulty: easy phase-2

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the implementation of a 'Back to Top' scroll button. The button should be a floating element that appears after the user scrolls down 400 pixels and smoothly scrolls back to the top of the page when clicked. The provided instructions detail the necessary HTML, CSS, and JavaScript to achieve this functionality.

Complexity: 1/5
good first issue ui/ux difficulty: easy phase-1

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript
Web Development Educational Platform

AI Summary: This issue requests the implementation of animated page transitions for a web application. The goal is to add smooth fade-in/fade-out animations (200-300ms) when navigating between different routes, enhancing the user experience. The proposed solution involves modifying JavaScript to handle the fade-out, content swap, and fade-in sequence, and adding CSS for the transition effect.

Complexity: 2/5
good first issue ui/ux difficulty: easy phase-1

A full-stack interactive learning platform designed for tech YouTubers. Features include an integrated code playground, automated quizzes, and student progress tracking

JavaScript
#edtech#front-end#full-stack#learning-management-system#lms#monaco-editor#nextjs#programming#programming-education#react#supabase#tailwindcss#typescript