VishnuAmit/LapProFix

Update Navbar Contents

開放

#11 建立於 2024年10月7日

 (5 則留言) (0 個反應) (2 位負責人)TypeScript (17 個分叉)auto 404
Hacktoberfestenhancementgood first issuehacktoberfest-accepted

倉庫指標

星標
 (2 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

  1. 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.
  1. Update Styles
  • Modify the CSS to ensure that the search bar and mobile number are visually appealing and responsive. (tailwind css).

貢獻者指南