Navbar hover animation

[yashksaini-coder]

Hi 👋🏼 @4darsh-Dev Really good project and front-end is really great. I want to contribute to the Front-End aspect. By giving the navbar better CSS animations.

• I have searched the existing issues.

Feature Description

• Adding CSS animation to make the Front-End look more interactive and makes UI/UX better for the end-users.
• Color transitions: Changing the background or text color on hover.
• Scale animations: Enlarging or shrinking elements slightly when hovered.
• Underline effects: Adding or animating an underline on hover.
• Sliding effects: Elements or borders sliding in when hovered.

Use Case

• Having small light weight animations will make the UI more interactive and make it more engaging with the users.

Benefits

• Adding a hover animation to the navbar improves user experience by providing visual feedback, making the interface more interactive, responsive, and intuitive.

Priority

• Medium

Record

• I agree to follow this project's Code of Conduct (Required)
• I'm a GSSOC contributor
• I want to work on this issue
• I'm willing to provide further clarification or assistance if needed.

---

Can you assign this issue to me @4darsh-Dev as part of the Wob'24 contributor.

[4darsh-Dev]

assigned to you @yashksaini-coder ,
Good issue description...

[yashksaini-coder]

@4darsh-Dev I got this when I ran the frontend. Can you help me fix this.

[AmanSingh494]

@4darsh-Dev I got this when I ran the frontend. Can you help me fix this.

@yashksaini-coder, you have to setup the right file path for the smart contracts compilation details.
To resolve this issue, you have to go through these steps:

1. Navigate to smart-contracts directory.
   cd smart-contracts
2. Install the required dependencies using yarn.
   yarn install
3. Compile the smart-contracts.
   npx hardhat compile
4. Update the imports in ethereum.js.
   import DecentradeNFTAbi from '../../../smart-contracts/artifacts/contracts/Marketplace.sol/DecentradeNFT.json'
import DecentradeMarketplaceAbi from '../../../smart-contracts/artifacts/contracts/Marketplace.sol/DecentradeMarketplace.json'

These steps would be updated in readme.md in setup section.

[yashksaini-coder]

@4darsh-Dev Raised the PR #15 that fix this issue.