Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ISSUE #93 (solved) Code Optimization and UI Enhancements for Navbar Component #94

Open
wants to merge 5 commits into
base: dev
Choose a base branch
from

Conversation

Sumanth077s
Copy link
Contributor

🎯 Title and Issue Number

Closes #93

🗒️ Checklist:

  • [yes] I have mentioned the issue number in my Pull Request.
  • [yes] I have gone through rules of when PR will get merged.
  • [yes] I have commented my code, particularly in hard-to-understand areas
  • [] I have created a helpful and easy to understand README.md
  • [] I have followed proper file structure.
  • [yes] I have gone through

Thank you for contributing!❤️

Don't forget to show some support by ⭐ the repository!

Description:This pull request introduces several optimizations and minor UI improvements to the Navbar component. The changes improve code readability, maintainability, and styling consistency while preserving the original functionality.

Summary of Changes:
Code Consistency:

Renamed alata to montserrat to align with the imported font's name.
Renamed GIthubButton to GithubButton for consistent naming conventions.
Logic Simplification:

Replaced redundant {""} fragments with clean syntax.
Updated the toggleHamburger function to a concise arrow function.
UI and Styling Improvements:

Enhanced animation using transition-transform.
Adjusted spacing classes (e.g., mb-[50px] → mb-12) for better readability.
Improved layout consistency for the hamburger menu and navigation items.
Redundant Code Removal:

Removed unnecessary before: styles from

  • elements.
    Simplified component structure by eliminating extra wrapper elements.
    Readability Improvements:

    Organized related sections (e.g., logo and menu) for better clarity.
    Reformatted code with proper indentation for easier maintenance.
    Impact:
    Improved Code Quality: The component is now more readable and easier to maintain.
    Consistent UI: Enhanced layout and animation for a smoother user experience.
    Reduced Redundancy: Simplified logic and structure with no functional loss.

  • Copy link

    vercel bot commented Oct 17, 2024

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

    Name Status Preview Comments Updated (UTC)
    create-my-api ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 20, 2024 1:15pm

    @Puskar-Roy
    Copy link
    Owner

    Hello @Sumanth077s, thank you for your pull request! We will review it shortly. 😇❣️
    Your contributions help us grow and improve our project. Please make sure you have read and followed our CONTRIBUTING GUIDELINES.
    Your efforts are appreciated, and we value your participation in our community. Don't forget to ⭐ our repository!
    Happy coding!✨

    Copy link
    Owner

    @Puskar-Roy Puskar-Roy left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    can you please make the bg blur and correct the alignment of home actually its not visible in mobile screen
    Screenshot from 2024-10-17 20-11-35

    @Sumanth077s
    Copy link
    Contributor Author

    Ok I'll do it

    Copy link
    Contributor Author

    @Sumanth077s Sumanth077s left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    Done changes

    Copy link
    Owner

    @Puskar-Roy Puskar-Roy left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    The navbar is overlapping the top of the screen. Please fix this.

    Screenshot from 2024-10-17 22-37-42

    Copy link
    Contributor Author

    @Sumanth077s Sumanth077s left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    Made changes now it shouldn't overlap

    @Puskar-Roy
    Copy link
    Owner

    Made changes now it shouldn't overlap

    this is the bug!

    Screenshot from 2024-10-18 16-41-40

    Copy link
    Contributor Author

    @Sumanth077s Sumanth077s left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    Added changes

    @Puskar-Roy
    Copy link
    Owner

    @Sumanth077s See :(
    Screenshot from 2024-10-20 18-14-09

    @Sumanth077s
    Copy link
    Contributor Author

    How can I see the deployment after when I made changes

    @Sumanth077s
    Copy link
    Contributor Author

    It's asking for team access

    Copy link
    Contributor Author

    @Sumanth077s Sumanth077s left a comment

    Choose a reason for hiding this comment

    The reason will be displayed to describe this comment to others. Learn more.

    Check once

    @Puskar-Roy
    Copy link
    Owner

    Check once

    hey @Sumanth077s i can not give you the team access due to the privacy reasons

    Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
    Projects
    None yet
    Development

    Successfully merging this pull request may close these issues.

    2 participants