amupedia2021 / amupedia-web

Source code of the website.
https://www.amupedia.site/
MIT License
162 stars 176 forks source link

🚀 [Feature Request] - Adding dropdown menu to Courses in navbar #338

Closed Priy002 closed 1 year ago

Priy002 commented 1 year ago

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

Enhancement Yes, the feature request is related to enhancing the existing code by adding a dropdown menu to the "Courses" link in the navigation bar. This enhancement will provide a better user experience by allowing users to access specific courses directly from the dropdown menu, rather than navigating to a separate page.

Describe briefly how you would implement this enhancement.

Some steps to implement this enhancement-
1. Step 1: Adding the necessary state and event handlers 
2. Step 2: Adding event handlers (onMouseEnter and onMouseLeave) to trigger the opening and closing of the dropdown menu.
3. Step 3:Within the li element for the "Courses" link, create a ul element to represent the dropdown menu.
Populate the dropdown menu with li elements, each containing a link to a specific course.
4. Step 4: Adding necessary styles

Additional context or screenshots

Additional context Here's just demo of implementation. It can be improved more . Please assign me this under @gssoc23 image

https://github.com/amupedia2021/Project-Amupedia/assets/73902900/23e9a23a-0219-444f-b03b-d519abf1be47

Are you contributing for a program?

GSSoC2023

Code of Conduct

AmanJain18 commented 1 year ago

Please don't tag me 😂, Inbox got full

Michelle031 commented 1 year ago

Please can I be assigned this issue

tusharbansal22 commented 1 year ago

Interesting. Can have something of this sort. @anmode your thoughts?

anmode commented 1 year ago

haa It is good! We can go for it.

anmode commented 1 year ago

Please don't tag me 😂, Inbox got full

I can feel the same lol

anmode commented 1 year ago

hi, @Michelle031 good to see you. Please there are numerous issues and can be many improvements. look out.