Issue

The user need to make change in their profile information

Solution

Make a interactive UI according to the theme of the website containing following details at " /profile/updateprofile "

• Name (required)
• Email (required)
• Organisation
• Contact Number (required)
• Address (required)
• Office Address
• Social - Linkedin, Github, Twitter, Instagram

with a submit button, after submitting, user should be redirected to /profile

Issue: Footer of contact ("/contact") page is not stick to bottom of page.

Ref: https://edumi-zeta.vercel.app/contact

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

currently go to top button is only available at home page i want to add this btn to whole website also want to change text to arrow.

Problem

currently go to top button is only available at home page

Proposed Solution

I use component method.

Alternatives Considered

current.

Issue

Our website is not having any proper color scheme and design

Solution

Propose a new design for website in light mode in Figma. Have proper color scheme and the same components used as in our website

Issue: The options of Dashboard, Create course, Courses, User is not visible on mobile/smaller devices. So we want you to make it responsive. Either you can do is that you can leave only icons for those options or you can add on left sidebar ( only for small devices )

Guidelines

• I agree to follow this project's Contributing Guidelines.

Project Version

no such versions affected.

Platform and OS Version

no such as

Affected Devices

All

Existing Issues

No

What happened?

The "Explore" button on the website is currently non-functional, preventing users from accessing the explore functionality. This impacts the user experience and the intended navigation flow. We need to investigate and resolve this issue to ensure that users can seamlessly explore the content as intended.

Steps to reproduce

1.Navigate to the website.
2.Locate and click on the "Explore" button.

Expected behavior

The "Explore" button should lead users to the intended explore functionality, allowing them to explore relevant content.

Attachments

Screenshots or Videos

same as above.

Additional Information

Verify the functionality across different browsers to ensure compatibility.
Test the button on various devices to confirm responsiveness.
Prioritize a quick resolution to enhance the user experience.
Let's collaborate to investigate and resolve the issue with the "Explore" button, ensuring a smooth and interactive browsing experience for our users.

Welcome to Edumi Open Source Project

Thank you for considering contributing to Edumi! We appreciate your interest in helping us improve our educational platform.

How to Contribute

You can contribute to Edumi in several ways:

1. Working on Existing Issues:

   • Check out our issues page to find tasks that need attention.
   • Comment on the issue you would like to work on to avoid duplication of efforts.
   • Fork the repository, make your changes, and submit a pull request.

2. Requesting Features or Enhancements:

   • If you have ideas for new features or improvements, please open an issue with the details.
   • Discuss your ideas with the community and the maintainers to refine the proposal.

3. Reporting Bugs:

   • If you find any bugs or issues, please open a detailed issue with information on how to reproduce it.
   • Be specific about your environment, steps to reproduce, and any error messages.

Contributing Guidelines

Before contributing, please read our Contributing Guidelines to understand the project's standards and processes.

Code Comments

We encourage contributors to add comments to the code they submit. Clear and concise comments help everyone understand the purpose and functionality of the code.

Getting Started

To get started with Edumi development, follow these steps:

1. Fork the repository to your GitHub account.
2. Clone the forked repository to your local machine.
3. Create a new branch for your changes: git checkout -b feature-name.
4. Make your changes and add comments to the code.
5. Commit your changes: git commit -m "Your descriptive commit message".
6. Push the changes to your fork: git push origin feature-name.
7. Create a pull request on the main repository.

Thank you for contributing to Edumi! We look forward to working with you. ✨✨

Happy coding!

Issue

As anyone can add course to playlist or remove it from playlist, so we do not want this full authority to be given to users

Solution

1. Make a middleware "adminAuthorisation" for the admin with role.
2. If user is having role "admin" then only he can perform the task of addition or deletion.
3. if any user without admin role tries to do the task then return "Not Allowed" with 403 status code.
4. Add middlewares to " /createcourse" and POST request for " /course/:id"

• JWOC

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

After opening the website user goes through a sign-up or login process and then can access the website and personalized dashboard.

Problem

Logout button is not working !!

Proposed Solution

Users can either log in or sign up. New users will fill out a form and their data will be stored. Existing users will have their information verified. After a successful login, users can access a personalized dashboard where they can see their course and progress.

Alternatives Considered

the website can also work without any login option but then the user can't access their course.

Issue

The create course feature at ( http://localhost:3000/admin/createcourse ) is not working on frontend

Solution:

Connect frontend of the above url to the backend of ( /createcourse )

• JWOC

Issue to be fixed:

Our footer is not looking professional and properly managed.

Note:

Propose a Footer with new UI and then after assigning to the best ones will get the issue assigned.
Footer should have quick links , socials, contributing link and should be responsive and interactive without fancy gradient colors

Open for JWOC' 24

Issue:

Want to delete own profile or account

Solution:

1. Make a component "deleteMyprofile" where you will be getting the id for that user by params
2. After successful deletion , return "Profile deleted successfully " with status code 200.
3. Handle Errors and edge cases properly.
4. Delete the "token" from cookies and set cookies expires to Date.now() to logout user from current session.

Request : DELETE
Route: /me

• JWOC

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

Proposed Changes

1. Interface Enhancement:

   • Review and update the design of the Notes tab for a more modern and aesthetically pleasing appearance.
   • Ensure consistency with the overall application design.

2. Sample Notes Addition:

   • Introduce a set of sample notes to provide users with a starting point and showcase the functionality of the Notes tab.
   • Include notes with varying content and formatting to demonstrate the flexibility of the notes feature.

Additional Information

Feel free to discuss and add any specific details, ideas, or mockups related to the proposed interface improvements and the sample notes.

Acceptance Criteria

• The updated interface should be visually appealing and consistent with the application design.
• Sample notes should cover a range of scenarios and demonstrate key features.

Problem

You are assigned the task of implementing the Notes tab for a Note-Taking application. The current state of the Notes tab displays a placeholder text "Coming Soon," but you are tasked with turning it into a fully functional and interactive section of the application.

Proposed Solution

we can to add samples notes section in notes tab , we can make sample layout with help of html and css also we can add sample pdf with them,

1. HTML Structure:

• Create a new section in your HTML file dedicated to the sample notes.
• Within this section, use HTML elements to structure each sample note, including titles, content, and links to sample PDFs.

2. CSS Styling:

• Style the sample notes section using CSS to achieve the desired layout.
• Apply CSS styles to the sample notes, ensuring a visually appealing and consistent design.
• Use CSS to create proper spacing, borders, and typography for each sample note.

3. Sample PDFs:

• Prepare sample PDF files that you want to include with the sample notes.
• Ensure that the PDFs are accessible through relative or absolute paths in your project.

4. Linking PDFs:

• Include anchor () tags within each sample note to link to the corresponding PDFs.
• Use the href attribute to point to the location of the sample PDFs.
• Optionally, set the target="_blank" attribute to open the PDFs in a new tab.

5. JavaScript (if needed):

• If you want to add dynamic behavior or interactivity to the sample notes section, you can use JavaScript.
• For example, you could use JavaScript to handle click events on the sample notes, providing additional functionality.

Alternatives Considered

there can be various alternatives .

Guidelines

• I agree to follow this project's Contributing Guidelines.

Project Version

5.1

Platform and OS Version

ios1 2.1

Affected Devices

all

Existing Issues

No response

What happened?

The top button is not properly aligned

Steps to reproduce

1. fixing the code
2. revie
3. fix
   ...

Expected behavior

the proper alignment should be there

Attachments

No response

Screenshots or Videos

Additional Information

No response

Issue

There isn't any documentation present which have the clear information about the api routes

Solution

Initialise a documentation in .md format having information of the api routes and controllers which are in code yet.

Document should contain the information:

• Route
• Request body field names
• Responses with status codes

Issue

Color of Go to Top button is not having theme related to our website

Solution

1. Change it so that in light mode it appears white arrow with yellow background and in dark mode it appears white arrow with black background
2. Also make the border radius to circle.

Screenshot

Issue: Add "Notes" on the left sidebar and create a new route to it. Fill the content just as "Coming soon".
Note: Do not do proper CSS of that "Notes" page

PR is already there but due to some issue codebase got deleted and that PR was not merged properly
So just take code from PR #21 and add those codes here again

The right sidebar is not properly aligned and the charts section is also not in proper place.

One interested can take this issue

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The About page serves as a crucial element in establishing a connection between the website and its users. By enriching this page with detailed information about the admin, we aim to provide transparency, build trust, and offer users a deeper understanding of the people responsible for the website's content and operations. The added information will contribute to a more engaging and user-friendly experience, aligning with the website's goal of creating a meaningful online presence.
Steps to Reproduce:

1. Navigate to the About page of the website.
2. Observe the lack of detailed information about the admin.
3. After the issue is resolved, the About page should contain a new section providing insights into the admin's background.
   References:

Problem

The current version of the About page lacks detailed information about the admin or the team behind the website. Users visiting the About page do not have insights into the background, role, and contributions of the admin, hindering their ability to connect with the people behind the website and understand its mission.

Proposed Solution

Enhance the About page by adding a dedicated section that provides comprehensive information about the admin. This section should include the admin's name, role, background, and any other relevant details that contribute to the website's identity. Consider incorporating images, such as a photo of the admin, to personalize the section and foster a stronger connection with users.

Alternatives Considered

.

Issue:
Want to add a specific course to the playlist

Solution:
Make a component "addToPlaylist" where you will be getting the id for that course by params ( /course/:id )
After successful addition , return "Course added successfully " with status code 200.
Handle Errors and edge cases properly.
Request : POST
Route: /addToPlaylist

Issue:

Want to delete a specific lecture from the course playlist

Solution:

1. Make a component "removeFromCoursePlaylist" where you will be getting the id for that course by params ( /course/:id )
2. After successful deletion , return "Lecture deleted successfully " with status code 200.
3. Handle Errors and edge cases properly.

Request : DELETE
Route: /removefromplaylist

• JWOC

Guidelines

• I agree to follow this project's Contributing Guidelines.

Project Version

5.1

Platform and OS Version

All

Affected Devices

all

Existing Issues

No response

What happened?

When using the "Go to Top" button to navigate to the upper part of the screen, the button overlaps with the LinkedIn logo at the bottom. This overlap makes the LinkedIn logo fully invisible.

Steps to reproduce

1. Scroll down the webpage.
2. Observe the "Go to Top" button appearing at the bottom-right corner.
3. it is overlaping the linkedin logo.

Expected behavior

The "Go to Top" button should not overlap with the LinkedIn logo, ensuring that the logo remains fully visible at all times.

Attachments

No response

Screenshots or Videos

Additional Information

No response

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The sidebar is a critical element of our website's navigation. To enhance its usability, we propose adding icons to each sidebar item. Icons can quickly convey the purpose of each section, making navigation more intuitive, especially for users who rely on visual cues.

Steps to Reproduce:

1. Access the website and observe the current sidebar.
2. Note the absence of icons next to the sidebar items.
3. After the enhancement, the sidebar should display icons alongside each item.

Expected Behavior:
Upon completion, users should see visually appealing icons next to each sidebar item, improving the overall navigation experience.

Additional Information:

• Icons should be consistent with the website's design and theme.
• Ensure icons are recognizable and convey the purpose of each section effectively.

References:

Problem

The current sidebar lacks visual elements, making it less intuitive for users to navigate. Adding icons alongside the sidebar items, such as Home, will enhance the user experience and make navigation more engaging.

Proposed Solution

Introduce icons for each sidebar item to complement the text titles. For example, use a home icon next to the "Home" item. This will improve visual recognition and create a more user-friendly interface.
Tasks:

1. Select appropriate icons for each sidebar item (e.g., Home, About, Services).
2. Update the HTML/CSS code to incorporate the selected icons.
3. Test the website to ensure the icons display correctly and align with the corresponding titles.
4. Optionally, consider hover effects or animations for a more interactive experience.

Alternatives Considered

.

It is matter of hassle while we use vanilla css as it is so difficult to maintain it in larger codebases. it is recommended to use tailwind css in place of vanilla css to get our styles done at one place.

Issue:

We don't want that common users can view insights and have access to features of dashboard

Solution

Show Dashboard and its features only to users having admin privileges in their role.

Note: Must use react-redux to manage data and state WITH PROPER SLICER AND STORE.JS

• JWOC

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The current version of the website is missing a favicon. A favicon is a small icon that represents the website and is displayed in the browser tab. Adding a favicon enhances the visual identity of the website and improves the user experience.

Steps to Reproduce:

1. Open the website in a web browser.
2. Observe that there is no favicon displayed in the browser tab.

Expected Behavior:
After the issue is resolved, a favicon should be visible in the browser tab when the website is accessed.

Additional Information:

• Ensure that the chosen favicon is clear and recognizable even at a small size.
• Test the website on different browsers to confirm the consistent display of the favicon.

Problem

The current version of the website is missing a favicon. A favicon is a small icon that represents the website and is displayed in the browser tab. Adding a favicon enhances the visual identity of the website and improves the user experience.

Proposed Solution

1. Design or obtain a suitable favicon for the website.
2. Save the favicon file in an appropriate format (e.g., .ico, .png).
3. Update the HTML code of the website to include the favicon.

Alternatives Considered

..

Issue:
Add lectures id to the lecture when adding it to course

Solution:
There is a component "addLectureToCourse" which is adding lectures to the course by taking title and description.
Use "uuid4" or any id generating library to generate a random id and push it with the lecture while adding

Request : POST
Route: in routes > Course.js router.post("/course/:id", isAuthenticated, isAdminAuthenticated, addLectureToCourse);

Issue:

We need to get a specific course using course id which we will render in our courses list

Solution:

1. Make a component "getCourseLectures " where you will be getting the course from the id for that course by params ( /course/:id )
2. A course can have multiple lecture in its "lectures" array.
3. If anyone is opening the video then increase the views by 1

Request : GET
Route: /course/:id
Response: 200

• JWOC

Issue:

Add lectures to the specific course playlist

Solution:

1. Make a component "addLecture" where you take id in req.body
2. Take title, description from users.
3. Handle errors and cases properly for already having lecture in course or course doesn't exist
4. After successful addition of lecture in the course, increase " numVideos " by 1.

Request : POST
Route: /course/:id

• JWOC

Issue: Add "Notes" on the left sidebar and create a new route to it. Fill the content just as "Coming soon".
Note: Do not do proper CSS of that "Notes" page

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

Contributor onboarding could be improved by providing a visual guide on how to install the project locally. Adding a video demonstration will help newcomers understand the setup process more effectively.

Expected Outcome:
The addition of a video tutorial in the README, demonstrating the step-by-step process of installing the project locally, will make it easier for contributors, especially those new to the codebase.

Proposed Content:
A short video covering the following:

Cloning the repository.
Installing dependencies.
Configuring any necessary settings.
Running the project locally.

Problem

Contributor onboarding could be improved by providing a visual guide on how to install the project locally. Adding a video demonstration will help newcomers understand the setup process more effectively.

Proposed Solution

Record a concise video for that.

Alternatives Considered

.

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The current version of the website lacks a "Go to Top" button, which can enhance user experience by providing a convenient way for visitors to quickly navigate back to the top of the page, especially on longer pages.

Steps to Reproduce:
Visit any long-scrolling page on the website.
Observe the absence of a "Go to Top" button.
After the issue is resolved, revisit the page and locate the newly added "Go to Top" button.
Click the button and confirm that the page scrolls smoothly to the top.
Expected Behavior:
Upon completion of the issue, the website should feature a visible and functional "Go to Top" button that enhances user navigation.

Problem

User Navigation Difficulty:
Without a "Go to Top" button, users may find it inconvenient to manually scroll back to the top, especially on lengthy pages.

Proposed Solution

Adding a "Go to Top" button provides a simple and user-friendly solution for quick navigation to the top of the page.

Alternatives Considered

.

Issue

We need to know who all are enrolled in that course, or in short we want all the users in ( http://localhost:3000/admin/users )

Solution

Connect this page to the backend ( /getAllUsers )

Make a UI as table where you have following fields

1. Name
2. Email
3. Role

Prerequisite for this issue : #100

• JWOC

Issue:

We need to get all users in the admin side to manage them properly.

Solution:

1. Make a component "getAllUsers"
2. Add "adminAuthorise" and "isAuthenticated" middlewares to its route

Request : GET
Route: /admin/users

• JWOC

Issue

The text and button is having is not in center of page with proper font and also the logo is shifted to right.

Solution

Do make the text and button to proper size and make them to center with proper alignment and gap

Issue: Fix the layout of Create course page (/admin/createcourse) .The Sidebar for the dashboard should be on right hand side.

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

current contact us page looks a bit simple with also having a typo in last line. I can provide some designs and implement them to make it look better. kindly assign me this under JWOC'24

Problem

will make the site look more attractive and also solves a typo error.

Proposed Solution

I will provide some designs to make it look better and if the organize do likes any, i will immediately start working on it.

Alternatives Considered

If not any design, we can atleast fix the typo error on the provided page.

Issue

Our website is not having any proper color scheme and design

Solution

Propose a new design for website in light mode in Figma. Have proper color scheme and the same components used as in our website

Components to be designed for this issue:

1. Contact (https://edumi-zeta.vercel.app/contact)
2. Profile (https://edumi-zeta.vercel.app/profile)
3. Course Page: (https://edumi-zeta.vercel.app/courses)

Edit in Landing.md in the PR

Header should close whenever any button is clicked.
Customise onClose in Buttons

Issue:

Want to add new admins to the course for easy management.

Solution:

1. Make a component "updateUserRole" where you will be getting the id for that user by params
2. After successful deletion , return "User Role Updated " with status code 200.
3. Handle Errors and edge cases properly.
4. Change to admin iff role of user is "user"
5. If user not found, return 404 and "User not Found"

Request : POST
Route: /admin/user/:id

• JWOC

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

This feature introduces a visually appealing upgrade to course previews by incorporating engaging dummy sample images and enhancing the informational content. Previously, a basic box with minimal information left much to be desired. Now, learners can enjoy a more enticing preview that captures the essence of the courses.
(can add links that takes the user to youtube to particular channels )

Problem

The previous state of course previews presented a challenge as it lacked visual appeal and provided minimal information. The absence of engaging visuals and informative content in the sample courses made it challenging for learners to make informed decisions and discover courses that piqued their interest.

Proposed Solution

The introduction of dummy sample images and appealing information addresses these challenges by providing visually enticing placeholders and more informative content. This enhancement aims to create a more engaging and user-friendly course preview experience, facilitating better-informed decisions for learners.

Alternatives Considered

Alternatively we can provide links to informative videos to youtube.

Guidelines

• I agree to follow this project's Contributing Guidelines.

Project Version

0.1.0

Platform and OS Version

None

Affected Devices

All

Existing Issues

No response

What happened?

Want to update the responsiveness of the admin's child routes like admin/user, admin/create-course, admin/add-course routes.

Steps to reproduce

1. Just Add New Components and Update the UI

...

Expected behavior

Similarly like admin/dashboard route

Attachments

No response

Screenshots or Videos

No response

Additional Information

No response

The Scrollbar moves inward when on small screen as shown by the devtools.

And as you can see the text cuts off.

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The enhanced feature now ensures that users are directed to the administrator's Instagram, LinkedIn, and YouTube profiles directly from the platform. Previously, the Instagram icon redirected users to their individual profiles, causing confusion. With this update, we have introduced clear and direct links to the admin's social media accounts.

Certainly! Below is an updated description for the revised feature:

Feature Description: Direct Link to Admin's Social Media Profiles

The enhanced feature now ensures that users are directed to the administrator's Instagram, LinkedIn, and YouTube profiles directly from the platform. Previously, the Instagram icon redirected users to their individual profiles, causing confusion. With this update, we have introduced clear and direct links to the admin's social media accounts.

Key Enhancements:

Instagram Icon Update:
The Instagram icon, which previously directed users to their personal profiles, now takes them to the official Instagram account of the platform administrator. This change provides users with a direct and authentic connection to the platform's leadership.

Introduction of LinkedIn and YouTube Icons:
In addition to Instagram, we have introduced LinkedIn and YouTube icons. Clicking on the LinkedIn icon will lead users to the administrator's LinkedIn profile, fostering professional connections. The YouTube icon directs users to the official YouTube channel, ensuring access to curated content and updates.

User-Friendly Navigation:
The updated icons and links offer a more intuitive and user-friendly navigation experience. Users can effortlessly connect with the administrator across multiple social media platforms directly from the platform.

How it Works:

Click on the Instagram icon to visit the administrator's official Instagram profile.
Navigate to the LinkedIn icon to connect with the administrator on LinkedIn.
Explore the YouTube icon to access the platform's official YouTube channel for videos and updates.

Problem

Prior to the recent update, users experienced difficulty in directly accessing the administrator's official social media profiles from the platform. Specifically, the Instagram icon redirected users to their personal profiles, creating confusion and hindering the establishment of a direct connection with the platform's leadership.

Proposed Solution

The introduced feature addresses these challenges by updating the Instagram icon to lead directly to the administrator's official account. Furthermore, the addition of LinkedIn and YouTube icons offers users clear pathways to connect with the administrator on these platforms, enhancing overall user engagement and communication.

Alternatives Considered

can be alternatives but as of now its best.

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

The current welcome video on the website is a general introduction. To enhance user engagement and provide more relevant content, we propose replacing the existing video with one that aligns with the website's theme or content. This change will help in capturing the user's interest and delivering more value upon landing on the site.

Problem

No, not as such serious issue but ya good to resolve it.

Proposed Solution

Identify a relevant video that complements the website's content or theme.
Replace the current welcome video with the selected video.
Ensure proper embedding and functionality of the new video on the website.

Alternatives Considered

Choose a video that aligns with the website's purpose and resonates with the target audience.
Verify the rights and permissions for using the selected video on the website.

Issue:

If the user cancel subscription or admin want to remove the user then we need to delete the user from our db (access to premium courses)

Solution:

1. Make a component "deleteUser" where you will be getting the id for that course by params ( /course/:id )
2. After successful deletion , return "User deleted successfully " with status code 200.
3. Handle Errors and edge cases properly.

Request : DELETE
Route: /admin/users/:id

• JWOC

improve footer width and formatting

Guidelines

• I agree to follow this project's Contributing Guidelines.

Description

I Can Add Modern Scrollbar Instead of default scrollbar

Problem

no

Proposed Solution

will add some css

Alternatives Considered

will add some css

Issue

We want that admin can get to know who all are enrolled in their course or for now, who all signup for the course

Solution

Make a endpoint that gets all the users ( name, email, role, createdAt )

Request : POST
Endpoint: /getAllUsers

Note: Add admin and isAuthenticated middleware in route

• JWOC