gauravsinhaweb / edusmart

It utilizes 3D, Augmented reality to give real-life simulations or feels of various models and make the learning process more impactful and fascinating. With an interactive live feature, students can ask the teacher their doubts instantly and also discuss.

edusmart's Issues

classroom component overflow

Describe the bug
Classroom component overflows when active from nav as well as in home page

To Reproduce
Steps to reproduce the behavior:

1. Go to '/home'
2. Click on 'classroom' in nav and scroll to bottom
3. OR Scroll down to 'clasroom section' in home page
4. See white background indication of overflow

Expected behavior
Parent container should wrap the children

Screenshots

Desktop (please complete the following information):

• OS: [ubuntu]
• Browser [chromium]
• Version [94.0.4606.71]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Add More Classroom

Add more classrooms and in a Subject Give a minimum of 3 topics.

Smooth Animation of sidebar

I want to add a smooth animation on sidebar i.e when we click on sidebar it should come smoothly rather than comming immediately and moreover as of now the sidebar while expanding shifts the page i will also fix that.

Please assign this issue to me under hacktober fest'23

scrnli_10_10_2023_19-27-14.mp4

Clean the imports

I think we need to clean the imports. And structure code also format.

Add highlighted icon to the navigation bar

Is your feature request related to a problem? Please describe.
Currently, when navigating through the application, there's no clear visual indication of which page or section the user is currently on within the navigation bar. This can lead to a less intuitive user experience, as users might feel lost or unsure about their current location within the app.

Describe the solution you'd like
I'd like to see the icon corresponding to the current page or section highlighted in the navigation bar. This could be achieved by changing the color that clearly indicates the active page. This will provide users with a clear understanding of their current position within the application and enhance the overall user experience.

Describe alternatives you've considered
An alternative could be to use text labels next to the icons or a tooltip that appears on hover, indicating the name of the page. However, a highlighted icon is a more immediate and visually appealing solution.

Additional context
Having clear navigation cues is essential for ensuring a smooth user experience, especially in applications with multiple sections or pages. Implementing this feature will make the navigation more user-friendly and intuitive. Can you assign this to me, I really hope to contribute to this project. @gauravsinhaweb

Desired outcome:

Add a FAQs section in the webpage

This issue will let the necessary FQAs section created on the web page.

aerospace classroom is not responsive

Describe the bug
aerospace classroom is overflowing the smaller screens

To Reproduce
Steps to reproduce the behavior:

1. Go to 'aerospace classroom'
2. For smaller screens, content is overflowing

Expected behavior
should be responsive and fit screen

Screenshots

Smartphone (please complete the following information):

• Device: any
• OS: any
• Browser any

Additional context
i'm working on it, please assign it to me @gauravsinhaweb

Enhancement Sidebar

So SideBar present on the site is very off-putting to the current UI and it looks very inconsistent with the color theme of the site,as the UIUX designer I can fix it, can you assign this task to me?

Describe the solution you'd like
I want to make a better UI design and a more Visually applicative design for the Sidebar and many more

Contents in the div are overflowing

shall I fix this?

common exports for pages and components for clean and optimize code

Describe the bug
common exports for pages and components for clean and optimized code.

Align Navigation Sidebar Elements for Proper Layout

Elements within the sidebar, such as menu items and icons, need to be properly aligned to enhance visual consistency and streamline navigation

test

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

New favicon required

The default favicon does provided by react does not relate to Edusmart.
A new favicon is requied!

Improve coding and styling in Faq.js pages

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


There is redundant code in first image, and inconsistent style in second image, when you open the Faq, the Faq title should turn blue like the first one.

Describe the solution you'd like
For the first picture about redundant code, it should use looping so that there is no redundant, and for the second picture, when Faq is opened, the Faq title style should also turn blue like the first Faq title.

Describe alternatives you've considered
To reduce redundant code and to maintain a consistent style.

Additional context
Can you take my advice and assign this task to me Sir @gauravsinhaweb ? and I am new to open source contributions and I would love to contribute to your project! I also participated in Hacktoberfest2023.

Update Readme.md

Add PropTypes ✨

Is your feature request related to a problem? Please describe.
Add proptypes to assure type checking in the project
Prevents bugs and potential errors

Describe the solution you'd like
Install prop-types dependency and implement in code

Describe alternatives you've considered
Use typescript but is way more difficult

Additional context
I don't have additional context

Home page is overflowing

Describe the bug
Homepage is overflowing

To Reproduce
Steps to reproduce the behavior:

1. Go to '/home' route
2. Inspect element and resize browser <1000px

Expected behavior
Page should not overflow

Screenshots

Desktop (please complete the following information):

• Ubuntu Linux
• Brave browser/Chrome

Additional context
I would like to work on this issue and fix it!
Please assign me this issue @gauravsinhaweb

Why is that includes node_modules as well? and Would love to style the email template

Why is that includes node_modules as well?
I would love to configure them and I would love to style the email template

make Live chat full screen

Contents are overflowing the div in the landing page

Describe the bug
A clear and concise description of what the bug is.
The contents in the div are overflowing after entering the email and waiting for otp

Additional context
Add any other context about the problem here.

Shall I fix it?

Improve code layout

Is your feature request related to a problem? Please describe.
Open source is about long term maintain softwares. Could I improve the code layout (javascript).

Describe the solution you'd like
Using arrow functions only, changing the props declaration, default props value declaration.

Describe alternatives you've considered
I have no alternatives

Additional context
I have no additional contexts.

Improve UI/UX of the website

update the color palette, update new SVGs, make the website UI/UX better.

Fix classroom title alignment

The title alignments at the top {Medical, AeroSpace, Planets} are different in classrooms, they should be in the same place.

Can assign this to me? @gauravsinhaweb

Refactor

Login page not responsive on Mobile / Tablets

Describe the bug
The current login page is not responsive

To Reproduce
Steps to reproduce the behavior:

1. Go to the login page and resize window

Expected behavior
Page should be viewable in smaller viewports

Screenshots

Desktop (please complete the following information):

• OS: Any
• Browser Any

Additional context
I am working on this issue, @gauravsinhaweb you can assign me this issue

Add pull request template

Is your feature request related to a problem? Please describe.
This repo does not contain a Pull Request template.

Describe the solution you'd like
I would like to add a Pull request template so that if someone wants to raise a pr they can select the right template and contribute.

Describe alternatives you've considered
NA

Additional context
I want to contribute to this repo for Hactoberfest21. Kindly assign this issue to me!

API Keys and sensitive information leaked in login.js

Remove all the Warnings in the console

Describe the bug
To Remove all the warnings in the console 👨‍💻

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://github.com/gauravsinhaweb/EduSmart/blob/main/CONTRIBUTING.md'
2. install in your local machine and open the console (/client)
3. See the warnings

( the warnings may be different with respect to time, we need to fix those all the warnings. )

Expected behavior
The console should be clear.

Screenshot

[BUG] No effect on hovering the text on FAQ Page

Describe the bug
Hovering over the first question on the FAQ page makes the text appear red, but this effect doesn't apply to all the questions.

To Reproduce
Steps to reproduce the behavior:

1. Go to the 'FAQ' Page
2. Hover the first FAQ
3. Hover all remaining FAQ

Expected behavior
All the FAQs should appear red on hovering over them.

Screenshots
If applicable, add screenshots to help explain your problem.

Screen.Recording.2022-10-05.at.9.50.13.PM.mov

Desktop (please complete the following information):

• OS: macOS
• Browser: Chrome

Add a loading spinner while page loads

Add a loading spinner The spinner should be visible until the 3D objects load.

Refactor

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

make the website responsive - Mobile (375 x 812 - iphoneX), Tabet, Destop

this website is not responsive on all devices.

Add ESLint, Prettier and EditorConfig in clientside

Is your feature request related to a problem? Please describe.
Not a problem but it could be in the future. Adding ESLint, Prettier and EditorConfig we could maintain effectively, granting a code pattern as the project scalate.

Describe the solution you'd like
Add ESLint, Prettier and EditorConfig dependencies and configuring all of them.

Describe alternatives you've considered
I don't know any alternatives for code formatting.

Additional context
I don't know any additional contexts

Adding hover effect

Adding hover effect to classroom items - @gauravsinhaweb i can fix it, pls assign it to me

Adding all planets in Planets classroom

Is your feature request related to a problem? Please describe.
There are only 3 planets available in the Planets classroom. I want to add all the planets of solar systems.

Describe the solution you'd like

• I will add related QR code and gif as it is there for other planets.
• I will follow the code style of the project.