Responsive dropdown navbar with tailwind css and react js | React js and Tailwind css

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 70

  • @codernerd7076
    @codernerd7076 2 роки тому +10

    Thanks for this video, just the tutorial I needed! It got everything I want in one responsive menu!

  • @Sahilkadyan-e5m
    @Sahilkadyan-e5m 9 місяців тому +1

    Thanks bro for this video. This video clear my all logics like the use of hook in react and map in array,how it works. Really thanks bro 🙏🏻🙏🏻 and also thanks for responsive navbar logics which I can implement in any navbar or components 👍🏻👍🏻

  • @girishpandey9976
    @girishpandey9976 4 місяці тому

    Thanks for great sharing of valuable Gyan....

  • @nicolassuarez2933
    @nicolassuarez2933 Рік тому

    Best of its kind! I will buy you a coffee right now 😃

  • @sandeeppillai2890
    @sandeeppillai2890 9 місяців тому +1

    Super work 👍👍👍👍👌👌👌

  • @uminhtetoo
    @uminhtetoo Рік тому +2

    Thank you so much for sharing your knowledge, Sir.

  • @Simon-vn4jx
    @Simon-vn4jx 12 днів тому +1

    thanks brother

  • @Funny_Bhai636
    @Funny_Bhai636 11 місяців тому

    Bro you are a genious.. Thanks a lot....

  • @가나다-j4n7g
    @가나다-j4n7g 2 роки тому +2

    thank you!! 제가 찾던 영상이에요

  • @vignesh-xb5uz
    @vignesh-xb5uz Рік тому +1

    Thanks for this work

  • @nauvalfahreza2511
    @nauvalfahreza2511 2 роки тому +1

    thankss u solve my dropdown problem :)

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 роки тому +1

    Thanks for Tailwind and react

  • @gouharfayyaz643
    @gouharfayyaz643 Рік тому +1

    good job bro

  • @tuckerhoog9609
    @tuckerhoog9609 2 роки тому +1

    You are a wizards

  • @MuhammadAkbar-sy7zm
    @MuhammadAkbar-sy7zm 7 місяців тому

    Great content!!.🤩 Question: When I put a component below the Nav component in App.jsx, the hover it doesn't work. How can I fix this? 🤔

  • @crewtechno4761
    @crewtechno4761 2 роки тому +2

    Nice Project Bro!

  • @martinrotelli6085
    @martinrotelli6085 2 роки тому +2

    Niiiiiiiiice!

  • @laymtran6352
    @laymtran6352 Рік тому +1

    I need help!
    How can i hide submenu after clicking link or any orther action?
    Please, thank you

  • @JJ-ot3ps
    @JJ-ot3ps 2 роки тому

    thanks! is the menu require click or simple hover it will show?

  • @victorhsu023
    @victorhsu023 2 роки тому +2

    why I cannot run this program
    I use npm start but doesn't work

    • @CodeAProgram
      @CodeAProgram  2 роки тому +1

      You can use this command npm run dev

  • @idedhica
    @idedhica 9 місяців тому

    why when i scroll down the navbar is not set to full ..

  • @RishikeshT-g9y
    @RishikeshT-g9y 11 місяців тому +1

    ❤❤

  • @lifestories3190
    @lifestories3190 Рік тому

    Can do it for ecommerce product card listing searching and filters

  • @raihanulislam2917
    @raihanulislam2917 2 роки тому +1

    in my project dropdown menu is appearing but it's not clickable! how can I solve this issue?

  • @ilhamrifai3714
    @ilhamrifai3714 Рік тому

    Help , How to close navbar after click sub menu

  • @sdaaz792
    @sdaaz792 Рік тому +1

    can u tell me the extention while selecting the tailwind class its showing in css format in vscode

    • @CodeAProgram
      @CodeAProgram  Рік тому

      Tailwind css intellisense
      marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

  • @victorhsu023
    @victorhsu023 2 роки тому +1

    I saw there's have postcss.config.js and vite.config.js
    Should I install all of those ?

  • @nicolassuarez2933
    @nicolassuarez2933 Рік тому

    Hey! how to add a link to Men, Woman etc? Thanks!

  • @victorhsu023
    @victorhsu023 2 роки тому

    This is amazing navbar I've ever seen
    I want to add this navbar to my school project, I am using reactjs how to add your fantastic idea to my project thank you

  • @iqtidartara5307
    @iqtidartara5307 Рік тому

    can you make a vedio of side bar from start from npm file upload

  • @mrsan385
    @mrsan385 2 роки тому +1

    what's difference between eleventry vs react bro?

  • @dprvdcdy
    @dprvdcdy Рік тому

    Hello why I'm getting a white blank screen after I imported the link and the

    • @rahulsyt_
      @rahulsyt_ Рік тому +1

      This is because you haven't put your component inside the Router. This is what exactly you should do -



      // Sometimes React really sucks

    • @kevinkouakou9611
      @kevinkouakou9611 Рік тому +1

      tyyyyy very muxh, the most helpfull comm hier@@rahulsyt_

  • @m.y4706
    @m.y4706 6 місяців тому

    hii bro mere code bahot dikkat aarahi kiya aap solve kardoge
    aapki video dekhi thi fir bhi solve nahi horahi

  • @shireenkhan7569
    @shireenkhan7569 5 місяців тому

    36:37 working on mobile view

  • @ipfstartuphub
    @ipfstartuphub 2 роки тому +1

    sir github code execute nhi ho raha hai please help me

    • @CodeAProgram
      @CodeAProgram  2 роки тому

      I am using vite + React
      Using guide:vitejs.dev/guide/

  • @jamaljazz6150
    @jamaljazz6150 Рік тому

    hello its something error ,

  • @lifestories3190
    @lifestories3190 Рік тому

    And loaded auro product

  • @kainatazizkainat3992
    @kainatazizkainat3992 2 роки тому

    plz describe everything which you use... here you use ,(
    Home
    )
    and (import { Link } from "react-router-dom";) your code is working then why my code is not work... plz am stuck here... describe and guide me

    • @CodeAProgram
      @CodeAProgram  2 роки тому

      You can install react router dom latest version
      npm i react-router-dom@latest

    • @dominicofeni7501
      @dominicofeni7501 2 роки тому

      @@CodeAProgram even after updating same thing, any solutions ?

    • @CodeAProgram
      @CodeAProgram  2 роки тому

      codeaprogram@gmail.com

  • @vugarbadalov4404
    @vugarbadalov4404 Рік тому

    I install tailwind to my project,but still it doesnt work,how can I solve it?
    Thanks

    • @CodeAProgram
      @CodeAProgram  Рік тому

      tailwindcss.com/docs/installation

    • @shotoiyo
      @shotoiyo Рік тому

      use tailwind with vite. Its fast and light

  • @elvizsky7487
    @elvizsky7487 2 роки тому

    Tq sirrr

  • @rlm41
    @rlm41 2 роки тому

    Hello, I'm getting this error: Type error: Property 'ion-icon' does not exist on type 'JSX.IntrinsicElements'. How to fix it? Very nice tutorial btw

  • @tobiadesanya1638
    @tobiadesanya1638 Рік тому

    I like the background image, can you tell the source

    • @CodeAProgram
      @CodeAProgram  Рік тому

      Img available in my Github repo
      github.com/Sridhar-C-25/reacttailwindnavbar-with-dropdown/blob/main/src/assets/Hero.png

  • @Simple_OG
    @Simple_OG Рік тому +1

    Font and theme name ?

  • @justhinkphotoshop5141
    @justhinkphotoshop5141 2 роки тому

    ua-cam.com/video/JEV7WE0UBiQ/v-deo.html links part

  • @ShahidKhan-hg6fs
    @ShahidKhan-hg6fs Рік тому +2

    so difficult. before you make a simple dropdown.