Update Navbar Contents

[VishnuAmit]

Task Overview

This task focuses on modifying the LapProFix dashboard navbar to replace existing headings with a search bar and mobile number. The goal is to ensure responsiveness so that the search bar and phone number are hidden inside a hamburger menu when the viewport is shrunk.

Your Role

1. Fork the Repository
   Fork the LapProFix repository to your local machine.

2. Install Packages
   Navigate to the project directory and install the necessary packages using:

   npm install i
   

3. Run the Project

   npm run dev
   

4. Navigate to the page

http://localhost:3000/dashboard

5. Implement Search Bar and Phone Number

• Replace the existing navbar headings (like Home, Deals, Sell, and others) with a search bar and mobile number next to it.

6. Update Styles

• Modify the CSS to ensure that the search bar and mobile number are visually appealing and responsive. (tailwind css).

[Datamaverik]

Hello @VishnuAmit
I would love to modify the LapProFix dashboard navbar, I have already requested you to assign me the FAQ section of LapProFix dashboard. I have worked on several projects with React, Typescript building quick and mobile responsive web-apps.

Can you please assign this issue to me under the hacktoberfest label.

[VishnuAmit]

@Datamaverik Yup. Go for it.

[Atv23]

Which Navbar are you referring to? The one which is on the landing page? You have commented the Dashboard component and there is no navbar in it. Cant find these options either anywhere->Replace the existing navbar headings (like Home, Deals, Sell, and others) with a search bar and mobile number next to it.

[VishnuAmit]

@Atv23

I am referring to this navbar. http://localhost:3000/dashboard

[Atv23]

Thank you for the clarification. I have applied the changes and created a PR, please look into it : )

Edit: The deployment failed cz of Resource Limit on Vercel, I believe my changes weren't responsible for the deployment failure