Skip to content

feat: expand shop menu for improved UX#131

Merged
Alexandrbig1 merged 2 commits into
OpenCodeChicago:mainfrom
Sushil010:feature/shop-menu-expand
Oct 13, 2025
Merged

feat: expand shop menu for improved UX#131
Alexandrbig1 merged 2 commits into
OpenCodeChicago:mainfrom
Sushil010:feature/shop-menu-expand

Conversation

@Sushil010
Copy link
Copy Markdown
Contributor

Summary

Added expandable functionality to the Shop Menu component to improve category navigation and overall UX.

Description

The Shop section previously had no functional links or navigation items.
This update adds working links and headers to the Shop menu based on the project’s Figma design, improving navigation and overall user experience.

Related Issue

Closes #102

Checklist

[X] Shop button in navbar works with hover & click effects.
[X]Arrow rotates down/up depending on menu state.
[X]Menu expands full width below navbar, following design.
[X]Links have animated underline hover effect.
[X]Clicking a link updates the URL correctly (lowercase :name).

##Screenshot of designed change
image

  • My code builds and runs locally
  • I’ve added/updated documentation if needed
  • I’ve tested my changes
  • I’ve linked related issues (if any)
  • (Optional) I’ve credited myself with the All Contributors bot if this is my first contribution or a new contribution type

@Alexandrbig1
Copy link
Copy Markdown
Contributor

@Sushil010, great work! But please exclude package.json and package-lock.json files from your PR, and resolve conflicts in 'MainHeader' component please.
ex
ex2

@Sushil010
Copy link
Copy Markdown
Contributor Author

@Alexandrbig1 Hi! I’ve resolved all merge conflicts and rebased the branch with the latest main. Everything looks good and is working as expected now. Please review the changes when you get a chance. Thank you!

@Alexandrbig1
Copy link
Copy Markdown
Contributor

@Sushil010, great work on expanding the Shop Menu — it looks really good!
Before merging, please move the Shop Menu code out of the main Header file and into its own component for better structure.

Example:

  • Create a new folder: components/ShopMenu/
  • Add the menu code there (can split into smaller files if needed)
  • Import <ShopMenu /> into the Header

This will make the codebase more modular and easier to maintain. Awesome progress!

@Sushil010
Copy link
Copy Markdown
Contributor Author

@Alexandrbig1 can you check the changes

Copy link
Copy Markdown
Contributor

@Alexandrbig1 Alexandrbig1 left a comment

Choose a reason for hiding this comment

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

Thank you for your contribution, and congrats on your PR being approved!
We’re excited to have your work as part of Open Code Chicago’s Hacktoberfest 2025 project.

@Alexandrbig1 Alexandrbig1 added frontend Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages) hacktoberfest Special issue for Hacktoberfest hacktoberfest-2025 Special issue for Hacktoberfest 2025 hacktoberfest-accepted This label indicates that a contribution has been accepted and counts toward Hacktoberfest rewards. react React components & UI logic tailwind Tailwind CSS & styling labels Oct 13, 2025
@Alexandrbig1 Alexandrbig1 added this to the Hacktoberfest 2025 milestone Oct 13, 2025
@Alexandrbig1 Alexandrbig1 merged commit 364b473 into OpenCodeChicago:main Oct 13, 2025
1 check passed
@Alexandrbig1
Copy link
Copy Markdown
Contributor

@Sushil010, congratulations on your merged PR! 🎉 Don’t forget to add yourself as a contributor using our all-contributors bot. You can find instructions in our CONTRIBUTING.md. Thanks again for your contribution!

@Alexandrbig1
Copy link
Copy Markdown
Contributor

Hey @Sushil010 ,

🎉 Congratulations — your pull request has been merged!
Thank you for your contribution to the CoreX Project as part of Open Code Chicago during Hacktoberfest 2025

You’ve officially earned the Open Code Chicago × CoreX Contributor 2025 badge on Holopin 🏅
👉 Claim your badge here: Claim Badge

Once claimed, you can proudly display it on your GitHub profile, Holopin board, or share it on LinkedIn to celebrate your achievement!

Keep contributing, learning, and building with us 🚀
— Open Code Chicago Team

@Sushil010
Copy link
Copy Markdown
Contributor Author

@all-contributors please add @Sushil010 for code

@allcontributors
Copy link
Copy Markdown
Contributor

@Sushil010

I've put up a pull request to add @Sushil010! 🎉

@Alexandrbig1
Copy link
Copy Markdown
Contributor

Hey @Sushil010 ,

🎉 Congratulations on your first merged pull request!
You’ve just taken a huge step in your open-source journey — and we’re so excited it happened here at Open Code Chicago × CoreX 💪

To celebrate this milestone, you’ve earned the “First PR Merged” badge on Holopin 🏅
👉 Claim your badge here: Claim Badge

Once claimed, you can proudly showcase it on your GitHub profile, Holopin board, or share it on LinkedIn to mark your first contribution to the open-source world 🌟

Keep contributing, keep growing, and welcome to the Open Code Chicago community! 🚀
— Open Code Chicago Team

@Alexandrbig1 Alexandrbig1 added the badge-awarded Added when a contributor has received a Holopin badge label Nov 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

badge-awarded Added when a contributor has received a Holopin badge frontend Tasks related to the frontend (React, Vite, TailwindCSS, UI components, pages) hacktoberfest Special issue for Hacktoberfest hacktoberfest-2025 Special issue for Hacktoberfest 2025 hacktoberfest-accepted This label indicates that a contribution has been accepted and counts toward Hacktoberfest rewards. react React components & UI logic tailwind Tailwind CSS & styling

Development

Successfully merging this pull request may close these issues.

Implement the Shop menu in the header navigation bar

2 participants