VesperAkshay/qr-code-generator

[FEATURE] Sidebar Navigation menu

Open

#109 opened on Oct 6, 2024

View on GitHubContributor guide
 (5 comments) (0 reactions) (1 assignee)JavaScript (97 forks)auto 404
enhancementgssoc-exthacktoberfesthacktoberfest-acceptedlevel 2

Repository metrics

Stars
 (40 stars)
PR merge metrics
 (PR metrics pending)

Description

Description:

The website would benefit from the addition of a collapsible sidebar navigation menu to improve the user experience. A collapsible sidebar provides users with easy access to different sections of the website while keeping the interface clean and uncluttered when not in use.

Suggested features for the collapsible sidebar:

  • Expandable categories and subcategories for better content organization.
  • A responsive design that adapts to different screen sizes (desktop and mobile).
  • Smooth animations for collapsing and expanding the sidebar.
  • An intuitive toggle button for users to show or hide the menu as needed.

Implementing this feature will streamline navigation, enhance accessibility, and provide a more modern, user-friendly design.

Please @VesperAkshay assign me this task with labels "GSSOC-Ext" , "hacktoberfest-accepted" and "level2".

Contributor guide

Research direction
Start by studying the existing navigation or layout structure. Look for a sidebar or navigation component in the repository. Then design a collapsible sidebar with expandable categories, responsive design, smooth animations, and a toggle button. You can use CSS transitions for animations and media queries for responsiveness.
Tech stack
javascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70