Code Monkey home page Code Monkey logo

technodes2-0 / electivehub Goto Github PK

View Code? Open in Web Editor NEW
83.0 0.0 120.0 10.56 MB

ElectiveHub is an Education Management System designed to simplify and enhance the management of student information and elective subject selection in educational institutions. It offers a suite of applications for students, teachers, and administrators, providing a user-friendly platform.

Home Page: https://electivehub.onrender.com

License: MIT License

HTML 1.17% JavaScript 98.12% CSS 0.64% Dockerfile 0.07%
expressjs nodejs react tailwindcss hacktoberfest gssoc24

electivehub's People

Contributors

0xmohitsen avatar adityakhattri21 avatar aryansharma220 avatar hardy07 avatar hemashree21 avatar jayeshyadav99 avatar mahekkg avatar nishitbaria avatar nitishkumar333 avatar orange-tofu avatar pradnyagaitonde avatar rashidsiddiqui2004 avatar ridhima10 avatar rohitha-pudu avatar safal45 avatar sailesh3000 avatar samani-humaira avatar sanmarg avatar snehansubehera avatar suhanipaliwal avatar sunny-unik avatar suraj-9849 avatar swetha5157 avatar techking007 avatar uraj1 avatar utsavladia avatar vinayakvispute avatar vishalgaurav01 avatar yadlamani avatar yash636261 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

electivehub's Issues

fix: Chat Dialog not working properly

Description

To Produce issue

  1. Click on any link that takes to login page
  2. Click on the message circle icon

Exact Issue
The top of the chat dialog is not visible on all screen sizes

Screenshots

image

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

[Feat]: Removing Social Links

Is your feature request related to a problem? Please describe.

The social link on "ElectiveHub" is currently non-functional, failing to redirect users to the home page upon clicking.
I'm looking to contribute a fix to ensure it is working properly for users to redirect to social of "ElectiveHub".
I request you to assign me this issue under GSSOC'24.

Describe the solution you'd like.

I'll add all socials link of "ElectiveHub" in the website.

Describe alternatives you've considered.

No response

Additional context.

I can also add some hover effect.

Show us the magic with screenshots

Before clicking
image
After Clicking, Nothing Happen
Socials

Checklist

Fixing Login Component

The Login Component Says : Already Have an Account .
Instead It should say : New to our platform.

Screenshot 2023-10-18 232710

[DOCS] [hacktoberfest] Project setup commands are not correct & also and `.env.example` files.

Issue Description

The README file contains how to set up the project using some commands but some of these commands are not correct therefore we need to update the documentation and also we need to add some .env.sample files to ease the setup process.

Additional Context

The current backend server start command is npm start but in the documentation, it is npm run dev.

Screenshots or Examples (if applicable)

No response

Proposed Solution (optional)

No response

Checklist

add a forgot password functionality in login page to reset the password

Is your feature request related to a problem? Please describe.

In user login it would be good to add forgot password for the user to change the password

Describe the solution you'd like.

add forgot password functionality

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

No response

Checklist

blank audio msg sent

Description

There is a reported bug with the AI chatbot on your website where users are able to send blank audio msgs and even after AI starts typing it lags the whole conversation, we need to redefine the logic in a way so no user can send blank audio to our chatbot.
I am MENTOR in GSSOC'24 raising this issue for contributors to kickstart there contribution journey 🙂

Screenshots

Screenshot 2024-05-10 at 12 35 18 PM

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

SignUp Issue

cant Able to Sign Up In Your Website Getting error

Social Media Links are not working

Description

Socail Media links in footer section at last are not working . Please assign this issue to me

Screenshots

No response

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Add Dark Mode and Light Mode

  • addition of dark mode and light mode support
  • for the icons used in our React Icon:
  • Create context provide we can use every were

Feature : Adding test cases in backend

Is your feature request related to a problem? Please describe.

Adding test cases

Describe the solution you'd like.

Test cases in backend code for simple server connection

Describe alternatives you've considered.

Using testing framework such as jest and supertest

Additional context.

No response

Show us the magic with screenshots

No response

Checklist

✨ Enhancing Website Loading Experience with Loading Animation 🚀

Issue Description

Problem: 🚀

The website currently displays a static "loading...." text during the loading phase, which isn't visually engaging. This issue aims to replace it with a loading animation to enhance the user experience.

Background: 🌐

Users expect a visual loading animation when accessing our website.

Video Reference:

screen-capture.3.webm

[Feat]: stats incrment from 0 to current

Is your feature request related to a problem? Please describe.

Homepage should be more effective and friendly what if all the stats start increment from zero to current count.

Describe the solution you'd like.

i would like to add small contribution so all the stats starts incrementing from zero to current count in same time.

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

image

Checklist

Add Validation and Confirmation for Newsletter Subscription

Description

Currently, there is no validation or confirmation process when users subscribe to the newsletter. This issue aims to implement validation to ensure the accuracy of email addresses and add a confirmation step to verify the subscription request.

Tasks:

  1. Implement Email Validation: Add frontend validation to ensure that the email address entered by the user is in a valid format.

    • Steps to Implement:
      1. Write JavaScript/React code to validate the email address format using regular expressions or a validation library.
      2. Display error messages if the email address format is invalid.
    • Expected Outcome: Users should be prompted to enter a valid email address before submitting the subscription form.
  2. Add Confirmation Step: Implement a confirmation step to verify the subscription request before adding the user to the newsletter list.

    • Steps to Implement:
      1. After the user submits the subscription form, display a confirmation message or modal.
      2. Provide options for the user to confirm or cancel the subscription request.
    • Expected Outcome: Users should receive a confirmation prompt to verify their intent before subscribing to the newsletter.

Screenshots

No response

Additional information

No response

What browser are you seeing the problem on?

Microsoft Edge

Checklist

Missing Code of Conduct File in Repository

Currently, the repository lacks a Code of Conduct file, which is an essential component for fostering a healthy and inclusive open-source community. A Code of Conduct serves as a guideline for expected behavior, ensuring that contributors and participants feel safe, respected, and valued within our community space.

Kindly assign me this issue.

Improving the style of features section.

Is your feature request related to a problem? Please describe.

the feature page should have better CSS and some CSS features.
image

Describe the solution you'd like.

I would like to change the text color of the 'features' word give it some underline offset and give a box shadow to the div below it.

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

No response

Checklist

[Enhancement] Proper error toast is not showing

Description

when user login and signup and there is a error proper toast message is not showing in current version there is enhancement needed in displaying toast message

Screenshots

Annotation 2024-05-11 142440

Additional informa

What browser are you seeing the problem on?

No response

Checklist

[Feat]: New UI Design For making this Dynamic Website Attractive

Is your feature request related to a problem? Please describe.

A new attractive UI design for the website

Describe the solution you'd like.

No response

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

figma file : https://www.figma.com/file/sbVwuDB2gRnDQrMDSUf2Sc/DevJam-(Copy)?type=design&node-id=0%3A1&mode=design&t=tqPgahkhuUryLlH7-1

Checklist

Improve the Functionality of the Discussion Section

The Discussion section at https://electivehub.onrender.com/discussion currently lacks both in terms of styling and functionality. This issue is created to address the visual and user experience aspects of the Discussion section.

image

  • Usability: Users may find it challenging to engage in discussions due to the suboptimal layout and design.
  • Functionality: The Discussion section may lack essential features like sorting options, user avatars, proper alignment, and visual cues for better user engagement.

Enhancing signup feature

Hey!
Currently there is no check for password length and type of password also for email in signup. So i want to resolve this issue, can you please assign this to me under Hacktoberfest-accepted!
Thank you!

[Feat]: Improve the Stats section

Is your feature request related to a problem? Please describe.

Hello Team,

Upon reviewing our website, I've identified an issue with the UI in the current stats section, which appears to conflict with the overall design aesthetics. Drawing from my experience in contributing to open-source projects, I'm confident in addressing this issue effectively.

Looking forward to discussing and implementing solutions together!
Please assign this issue to me under GSSOC'24

Describe the solution you'd like.

We should focus on maintaining consistency in typography, color schemes, and layout to create a cohesive visual experience for users.

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

image

Checklist

Fixing UI Layout

Description

We see a glitchy layout in the cards for Students. So, I would like to make the design responsive

Screenshots

image

Additional information

No response

What browser are you seeing the problem on?

Chrome

Checklist

Improve the footer of the website

Is your feature request related to a problem? Please describe.

The footer of the website is not looking good.

Describe the solution you'd like.

I will add social links and nav links to the footer

Describe alternatives you've considered.

No response

Additional context.

Please assign me this issue under GSSOC'24

Show us the magic with screenshots

No response

Checklist

Add Back-to-top button

add back-to-top button on all pages, as user scrolls down then it gets annoying to scroll to top.

Create Docker Containers for Our App⚡

Issue:
We want to make it easier to run our application and ensure that it works consistently on different computers. To do this, we're going to create Docker containers for our app.

Proposed Solution:

  1. Docker Containers:
  • Docker containers are like little packages that contain everything our app needs to run.
  • We'll create these containers to package our app and its dependencies together.
  • This will make it simple for anyone to run our app, no matter where they are.

Improve the login page responsiveness

Description

Screenshot 2024-05-11 211218
Login page is not responsive

second issue is when we go on login or sign up background is not update
Screenshot 2024-05-11 211227

Screenshots

No response

Additional information

If you think it is valuable issue then assign me.

What browser are you seeing the problem on?

Chrome

Checklist

Fixing footer

image The footer is not fixed to the bottom of the page for the subject and student tabs in https://electivehub.onrender.com/Admin. I would like to work on fixing this.

Multiple Users Able to Register with the Same Username[Feat]:

I have identified a potential security vulnerability within our application's user registration system. It appears that the system allows multiple users to register with the same username, which poses significant risks to data integrity and user account security.

Describe the solution you'd like.

Implement server-side validation to enforce uniqueness constraints on usernames during the registration process.
Enhance error handling to provide clear feedback to users when attempting to register with a username that is already in use.
Perform thorough testing to ensure that the fix is effective and does not introduce any regressions.

Additional context.

This security vulnerability poses significant risks to our application's data integrity and user account security. I urge the development team to prioritize the implementation of a fix to enforce uniqueness constraints on usernames and mitigate the associated risks.

@TechNodes2-0 please assign this issue to me under GSSOC

[Feat]: Adding the GSAP(JS Library) Animations to the website

Is your feature request related to a problem? Please describe.

For this electionHub website I felt to add some best animations which can help the user feel good

Describe the solution you'd like.

So I will be using the GSAP(Javascript animation library) where I will be adding the best animations to this website

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

No response

Checklist

Implement the Ideal Folder Structure for Frontend Development ✨

project-root/

├── src/
│ ├── components/
│ │ ├── Header.js
│ │ ├── Footer.js
│ │ └── ...
│ │
│ ├── pages/
│ │ ├── Home.js
│ │ ├── About.js
│ │ └── ...
│ │
│ ├── styles/
│ │ ├── App.css
│ │ ├── Header.css
│ │ └── ...
│ │
│ ├── index.js
│ └── App.js

├── public/
│ ├── index.html
│ ├── favicon.ico
│ └── ...

├── package.json
├── README.md
├── .gitignore
└── ...

Fixing Logo Link Redirection

Description

The logo link on "ElectiveHub" is currently non-functional, failing to redirect users to the home page upon clicking.
I'm looking to contribute a fix to ensure seamless navigation for users.
I request you to assign me this issue under GSSOC'24.

Screenshots

Before clicking on "ElectiveHub" (Header)

Screenshot 2024-05-09 at 19 26 47

After clicking on "ElectiveHub" (Header)

Screenshot 2024-05-09 at 19 28 36

Before clicking on "ElectiveHub" (Footer)

Screenshot 2024-05-09 at 19 30 47

After clicking on "ElectiveHub" (Footer)

Screenshot 2024-05-09 at 19 31 09

Additional information

No response

What browser are you seeing the problem on?

Chrome
Safari

Checklist

Redesign the login and sign up section.

Description

current design looks outdated make it look more morder yet simple.

Screenshots

current design:
image

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Create User Profile Section✨

Issue:
We want to create a User Profile section in our web application to enhance user experience and provide essential information about each user. This section will display the user's role, name, and their profile photo.

Proposed Solution:

User Profile Section:

  • Implement a dedicated User Profile section within the user account dashboard.
  • Display the user's role (e.g., "Admin," "Teacher," "Student," etc.) to indicate their permissions and responsibilities.
  • Show the user's name, making it more personal and identifiable.
  • Allow users to upload and display a profile photo/avatar.

Problem with the floating button.

By touching the button that is floating in the middle of the screen, a blue one. When you click on it, it opens a kind of chat and does not let you close it in any way. In fact, when refreshing the page, it is still displayed.

image

Improve visibility of chart font color in dark mode

Description

Issue Description:

Currently, the font color of the charts becomes less visible when the application is in dark mode. This makes it challenging for users to read the data presented on the charts, consequently affecting the user experience.

Expected Behavior:

The font color of the charts should be adjusted to ensure optimal visibility even in dark mode. This would enhance the user experience by allowing users to easily read and interpret the data displayed on the charts irrespective of the mode the application is in.

Steps to Reproduce:

  1. Enable dark mode in the application.
  2. Navigate to any section where charts are displayed.
  3. Observe the font color of the text on the charts.

Current Behavior:

The font color of the text on the charts becomes less visible or almost indistinguishable in dark mode, making it difficult for users to read the data.

Proposed Solution:

Adjust the font color of the charts to a more contrasting and visible color when the application is in dark mode. This will ensure that the data presented on the charts remains easily readable regardless of the mode the application is in.

Additional Information:

  • Operating System: [Insert operating system name and version]
  • Browser: [Insert browser name and version]
  • Screen Resolution: [Insert screen resolution if applicable]
  • Application Version: [Insert application version if applicable]

Please feel free to reach out for any further clarification or details needed.

Screenshots

image

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Responsive fix On User Dashboard

Description

User dashboard is not responsive
dash00332

assign me and I will work on this.

Screenshots

No response

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Toggle Navbar with Hamburger Not Working on Small Screens & Improving User Experience for Error Handling

Description

  1. Toggle Navbar with Hamburger Not Working on Small Screens: The navigation bar's toggle functionality using the hamburger icon is not functioning correctly on small screens. This affects the accessibility and usability of the website for mobile users.

  2. Error Handling in Register/Login Pages: Currently, when errors occur during the registration or login process, alert messages are displayed. However, using alert messages for error handling can be disruptive and doesn't provide an optimal user experience.

Screenshots

Issue-1
issue2

Issue-2
before

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

[Feat]: improving navbar hover css

Is your feature request related to a problem? Please describe.

There is 0 padding on the navbar tabs making it look clustered and unprofessional.
Screenshot from 2024-05-10 19-15-04

Describe the solution you'd like.

By increasing padding in the right amount , I can improve hover effect on navbar tabs while taking care of responsiveness of the website.

Screenshot from 2024-05-10 19-13-53

Describe alternatives you've considered.

No response

Additional context.

I can also work on improving othere css like border-radius and animation using box-shadow offset to make it look like it pops out of the navbar if I you assign me this issue under #gssoc'24

Show us the magic with screenshots

No response

Checklist

Improve User Experience on Learning Path Pages (Timeline and Tree)

Description

Initial Load Position and Levels in Learning Path Tree Page:
The central node of the learning path tree is initially positioned at the top left of the screen, hindering visibility and understanding for users.

Increasing the number of initial levels to 2 can provide users with a clearer overview and context of the learning path.

Image Collision with Timelines in Time Learning Path Page:
On the Time learning path page, the image collides with timelines at the bottom, affecting layout and readability.

Screenshots

issue1

issue2 (2)

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Goto homepage button redirects on login page

Description

When a user is not logged in and user clicks on the getting started button then the user is redirected to the 404 page where a goto homepage button is visible when the user clicks on that button user is redirected to the login screen which is inappropriate for the user.

Screenshots

image

Additional information

No response

What browser are you seeing the problem on?

No response

Checklist

Enable Student Self-Registration and Admin Student Creation⚡

Description:

Issue:
We want to enhance the security of our web application by adding OTP (One-Time Password) functionality to the signup and signin processes. This will help verify user identities and protect against unauthorized access.

Proposed Solution:

1. Signup Process with OTP:

  • When a user signs up, generate a random OTP (6 digits).
  • Send the OTP to the user's provided email or phone number.
  • Store the OTP and its expiration time in the database.
  • Ask the user to enter the OTP to verify their identity during registration.

2. Sign-in Process with OTP:

  • When a user signs in, generate a new OTP.
  • Send the new OTP to the user's email or phone.
  • Verify the entered OTP to allow access to the user's account.

Acceptance Criteria:

  • OTP functionality is implemented for both signup and signin.
  • Users can successfully complete the signup and signin processes using OTP verification.
  • Documentation is updated to reflect the new OTP functionality.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.