feat: Fixed Navbar on the top for Better User Experience

[rhnas110]

Issue

Fixed #69

Description

The Navbar will hide when User Scroll down, and if User Scroll up the Navbar will show, detail in the Preview.

Preview

Desktop View

2024-10-21.19-25-08.mp4

Mobile View

2024-10-21.19-25-43.mp4

[netlify]

✅ Deploy Preview for parthmittal ready!

Name	Link
🔨 Latest commit	ccb131b
🔍 Latest deploy log	https://app.netlify.com/sites/parthmittal/deploys/67164ad0741f31000871c610
😎 Deploy Preview	https://deploy-preview-71--parthmittal.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mittal-parth]

The overall change looks great! Thanks for adding the videos as well.

Left a comment on the code.

Thanks! :)

[mittal-parth]

I would avoid adding another two libraries for something that is just being used at one place and can be achieved otherwise as well.

So let's remove these and use the basics itself :)

[rhnas110]

Yeah i add 2 library clsx and tailwind-merge because i think we need that, for smoothscroll-polyfill when i run the npm install after i clone this repo, its update but the version same idk why.

The package i install it for handle the className style tailwind, there new folder named lib and there utils.js file

i used that in the Navbar

[mittal-parth]

I understood why you used them

But the same can be achieved without these libraries also. So lets avoid using that.

[mittal-parth]

Hi @rhnas110, are you still working on this?

Thanks!