Feature : Implemented responsive Navbar with hamburger menu for mobil…

[rajgharat07]

…e and full-width for larger screens.

Pull Request Template for GSoC 2024

Related Issue

[Please list any related issue numbers that this pull request resolves. If none, state "None"]

closes : #193

Description of Changes

[Provide a concise description of the changes introduced by this PR, detailing what’s been added, modified, or fixed.]

This feature introduces a responsive Navbar that adapts to different screen sizes. For mobile and smaller devices, a hamburger menu has been implemented, allowing users to toggle the navigation options. On larger screens, the Navbar expands to occupy the full width, providing an improved user experience with evenly spaced navigation buttons. The Navbar remains sticky at the top to enhance usability across all devices.

Type of Pull Request

• Bug Fix
• New Feature
• Performance Improvement
• Documentation Update
• Code Refactoring
• Security Enhancement
• Other (Specify): _______________

(Please check relevant boxes by entering an "X" inside them)

Screenshots / Demo (if applicable)

[Include any screenshots, GIFs, or videos that demonstrate the change or feature, if available.]

Checklist for Contributor

use'X' in [ ] to check it .

• I have reviewed my code before submission.
• I have read and followed the project's Contribution Guidelines.
• I have tested the code thoroughly.
• I have attached related issue numbers, screenshots, or videos (if applicable).
• I have added comments to my code where necessary for clarity.
• I have checked the existing code base and my changes do not introduce any breaking changes.
• My PR addresses only one issue; I have created separate PRs for other issues.
• I have ensured that the PR does not include unrelated files.
• I am mindful of the project's coding standards and best practices.

Additional Information

[Include any additional context or relevant information that may help in reviewing this PR.]

This implementation ensures seamless navigation across all screen sizes, enhancing both usability and accessibility. The hamburger menu for smaller screens allows for an intuitive and clean design, while the full-width Navbar on larger screens improves the layout. The sticky Navbar provides continuous access to navigation links as users scroll, improving the overall user experience. The code includes well-structured and responsive CSS to handle these layout transitions smoothly. No additional dependencies were added for this feature.

Contribution Guidelines Reminder

Thank you for contributing to our project! Please ensure you follow the guidelines below:

Contribution Levels

2. Task Categories:

   • Basic Tasks: Primarily focused on small changes like minor bug fixes, documentation improvements, and unit testing. Labeled as Easy.
   • Intermediate Tasks: Moderate-level tasks that involve enhancing existing features, code refactoring, or performance improvements. Labeled as Medium.
   • Advanced Tasks: Complex tasks like building new features, significant refactoring, or critical bug fixes. Labeled as Hard.

3. Acknowledging Effort:

   • Exceptional contributions will be recognized with a higher contribution level if substantial effort and innovation are demonstrated.

Review Process

• PRs will be reviewed by the maintainers, and feedback will be provided. Contributors should address feedback promptly and resubmit the PR if necessary.

• Contributors are encouraged to participate in the review process of other PRs for community growth.

We appreciate your time and effort in improving this project and look forward to your valuable contributions!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
station-guide	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 12, 2024 7:20am
station-guide-backend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 12, 2024 7:20am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[dhairyagothi]

don't add this yatree here

[Ayesha480]

i want to work on it

[dhairyagothi]

i want to work on it

once merge this PR then yyou can enhance add new issue

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to Station Guide. Your efforts are greatly appreciated. Feel free to reach out if you have any more contributions or if there's anything else we can assist you with. Keep up the fantastic work! 🚀