Build and Deploy Fully Responsive Landing Page: React + Tailwind CSS

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 115

  • @Malachi00700
    @Malachi00700 10 месяцев назад +52

    I seriously don't understand why this video isn't blowing up, its so detailed and clear. You just earned yourself a subscriber.

    • @compiletab
      @compiletab  10 месяцев назад +5

      Thank you so much 🙂

    • @abdulrafaykhan5252
      @abdulrafaykhan5252 9 месяцев назад +1

      Yeah true

    • @AmanKumarSinhaOfficial
      @AmanKumarSinhaOfficial 7 месяцев назад +2

      @@compiletab Please provide figma design

    • @melchizedek79
      @melchizedek79 7 месяцев назад +2

      The content is perfect. I learnt a great deal from it. The mastery of using the map function to transform array elements into JSX alarmed me.

    • @yasha_user
      @yasha_user 16 дней назад

      i think its bc of the accent

  • @baptistsamuel5977
    @baptistsamuel5977 Месяц назад +3

    One reason i like this video is that you explained and showed how to style the page, most especially the feature, you explained it bit by bit and showed how to style it.

  • @catScripts-z5x
    @catScripts-z5x 7 месяцев назад +42

    This guy just did my entire week work in 1 hour☠️

  • @adityapandey23
    @adityapandey23 6 месяцев назад +9

    The best video to get started if you are struggling with Tailwind and structuring!

  • @MrIsGrowing
    @MrIsGrowing 3 месяца назад +5

    "Hey Cmpiletab,
    I just wanted to say that I really appreciate your videos on coding. They're so detailed and clear, and you're a great teacher. I'm surprised that your channel doesn't have more subscribers, but I'm sure that will change soon. Keep up the great work!
    Here's a quote to encourage you to keep going, even when things get tough:
    "Don't give up on your dreams, even if they seem impossible. The only way to achieve your goals is to keep working hard and never give up." - Unknown*
    I hope this message inspires you to continue creating great content. You're making a difference in the world by helping people learn to code."

  • @safiulbari275
    @safiulbari275 9 месяцев назад +5

    Im a product designer, learning react as a hobby. I'm just looking good video to how to implement landing page using react js. and found your video really helpful. carry on. bro

  • @Eric-Studies
    @Eric-Studies 3 месяца назад

    The only video with a clear setup guide using Vite. Thank you so much! You do not know how much you are appreciated! Like many others say, you are seriously underrated and deserve way more subs for this content value.

  • @Chupaluku
    @Chupaluku Месяц назад

    Since this video is so clear and thorough, I just don't understand why it isn't going viral. You've just gained a subscriber. BEST off Luck

  • @hammadkhanReact
    @hammadkhanReact 7 месяцев назад +5

    good for people who wants to learn react basics and fully responsive with tailwind ;)

  • @gist2063
    @gist2063 13 дней назад

    Tutorials should be more like this, way better than 20 hour tutorials where you still dont know anything after watching the whole thing.

  • @Traders1255
    @Traders1255 Месяц назад

    First time in my life one project getting so much love❤

  • @narendrasingampalli430
    @narendrasingampalli430 10 месяцев назад +1

    One of the best video with so detailed and clear
    Long way to go🎉❤

    • @compiletab
      @compiletab  10 месяцев назад

      Thanks a ton 😀

  • @swarnabhamajumder9561
    @swarnabhamajumder9561 9 месяцев назад +1

    Thanks sir for this wonderful project. Please bring more frontend projects like this it would be a great help.

    • @compiletab
      @compiletab  9 месяцев назад +1

      Thank you, I will

  • @yukaai..2568
    @yukaai..2568 3 месяца назад

    I just ended developing this project.. good explanation and you just earned an one subsriber. Thank you

  • @avitussweetbert9174
    @avitussweetbert9174 7 месяцев назад

    This is the most amazing video on tailwind I have ever seen.

  • @petouniatuken3459
    @petouniatuken3459 6 месяцев назад

    Got such a better understanding of tailwind with this video! Thank you

    • @compiletab
      @compiletab  5 месяцев назад +1

      Glad it was helpful!

  • @dinethkumara
    @dinethkumara 18 дней назад

    Thank you so much. I learned many new things. really appreciate your good work man.

  • @achinthyadulshan4280
    @achinthyadulshan4280 4 месяца назад

    Thank you for this video. That video helps me to understand working with react and tailwind. Your explanations are great.

  • @BhakkuPatan
    @BhakkuPatan День назад

    Hey genius, we need more like this using (MERN+tailwind CSS).

  • @jemm280182
    @jemm280182 5 месяцев назад

    Thank you, excellent video. Valuable information. Greetings from Venezuela

  • @vijayshankarcrypto5681
    @vijayshankarcrypto5681 8 месяцев назад

    Wow. Amazing tutorial man. I am a beginner React dev - Please upload more beginner friendly projects and concepts for us. WE will support you always :-)

  • @markusdowney5457
    @markusdowney5457 7 месяцев назад

    im following around and its going great so far... super clear and thats what i like

  • @shenlong027
    @shenlong027 9 месяцев назад

    Subscribed!
    Hopefully you make more content like this in near future

  • @ahmedaminebouchmal8697
    @ahmedaminebouchmal8697 4 месяца назад

    very simple and organized work. well done , you help me a lot

  • @RanjankumarVerma-k8d
    @RanjankumarVerma-k8d 4 месяца назад

    thank you sir i designed my whole website n also i added ,any more functionality in my website but the idea was urs thank you

  • @raihanputraramadhanraharto3337
    @raihanputraramadhanraharto3337 13 дней назад

    Very helpfull video, thank you sir

  •  9 месяцев назад

    Best instruction ever with React and Tailwind CSS. Thank you!

    • @compiletab
      @compiletab  9 месяцев назад +1

      Glad it was helpful!

  • @shrirambaskaran8870
    @shrirambaskaran8870 9 месяцев назад

    Great Content !! Very well Explained 👌

  • @jonymindfreck1494
    @jonymindfreck1494 4 месяца назад

    Great work....❤❤
    Want more react project with free motion

  • @melchizedek79
    @melchizedek79 7 месяцев назад

    Thank you so much @compiletab for this. I learnt a great deal through this tutorial.

  • @kunalbadhan2969
    @kunalbadhan2969 2 месяца назад

    Man. Imma try to create all ur videos now. Imma stack u until u release a mern, menn before this year ends and also I get sometimes confused with css media queries. Loved the video tho and mark my words.

  • @Ayush95-
    @Ayush95- Месяц назад

    Keep up the good work !

  • @mitroboomin2492
    @mitroboomin2492 4 месяца назад +2

    @compiletab bhai mast code thaa aacha laga kar ke , tum ek tutorial bana sakte ho like jisme frontend project ko database se connect kare.... Again thanks for this.

  • @baptistsamuel5977
    @baptistsamuel5977 Месяц назад +1

    Good video🙂

  • @PalaviThakur-b7q
    @PalaviThakur-b7q 2 месяца назад

    😃 Thanks for helping us 🤗

  • @moodmaker2796
    @moodmaker2796 5 месяцев назад

    Thank you for your work.
    One thing to critique would be: center your section of the work space more often. Otherwise it is always at the bottom of the video. Once your pupils pause the video, the play, time, options etc of the RUclips video player are blocking the view on what you have entered.
    And why "relative" in the feature section? Makes everything be above the Navbar.

  • @Jishanthegodev
    @Jishanthegodev 9 месяцев назад

    Amazing project

  • @lextan7844
    @lextan7844 7 месяцев назад

    Very good tutorial save time.

  • @virtualabishek
    @virtualabishek 9 месяцев назад

    You are great! Thanks man!! :)

  • @advanced-developers
    @advanced-developers 4 месяца назад

    Good.Keep it up.

  • @abubakarsadiq6934
    @abubakarsadiq6934 4 дня назад

    Thanks for the tut

  • @ariyanunknown
    @ariyanunknown 8 месяцев назад

    awesome work but animation in missing not higher of animations indeed at least framer motion animation and micro animation had to be added to your video. but absolutely it was a great ui/ux design and develop in react in such a organized way. Thanks ❤❤❤❤

  • @ankithazra2005
    @ankithazra2005 4 месяца назад +1

    How can the navbar route to each section while clicking them?

  • @joseantoniovasquez9117
    @joseantoniovasquez9117 7 месяцев назад

    Excellent video thanks

  • @nanimys
    @nanimys 2 месяца назад

    bhai, how much experience you have in ReactJS?? wonderful

  • @Eng_Jim
    @Eng_Jim 6 месяцев назад

    Great man!

  • @abhiprince07
    @abhiprince07 3 месяца назад +1

    in index.css i am getting three unknown at rule in base,components and utilities why?

  • @MrStrangewow
    @MrStrangewow 6 месяцев назад

    great video

  • @rdnexta
    @rdnexta 5 месяцев назад +1

    Can you give me a name of theme extension.. Btw.. Very very good design..❤

    • @compiletab
      @compiletab  5 месяцев назад

      Thanks! The theme is "Ayu Dark".

  • @tamimtamim1883
    @tamimtamim1883 5 месяцев назад +1

    In phone mode the 2nd video is not showing/working(showing blank)??? any solution...........

  • @kaushikkaransingh3240
    @kaushikkaransingh3240 9 месяцев назад

    Please make more landing pages using React and tailwind css

  • @ericaddai5698
    @ericaddai5698 5 месяцев назад

    Thanks for sharing. Your tutorials has really been helpful. How do I contact you?

  • @dery_jon
    @dery_jon 7 месяцев назад

    thank you for project

  • @ngocson2486
    @ngocson2486 8 месяцев назад

    With almost is flexbox, it's easy to understand what's going on

  • @Eric-Studies
    @Eric-Studies 3 месяца назад

    Oh, by the way, what theme do you use?

  • @programmer9051
    @programmer9051 9 месяцев назад

    Thanks best video please
    Whats theme vscode you are using bro ❤❤

    • @compiletab
      @compiletab  9 месяцев назад +2

      Hey! It's Ayu Dark.

  • @DeveloperLeon
    @DeveloperLeon 10 месяцев назад

    Great vid. Also, vs code theme is this?

    • @compiletab
      @compiletab  10 месяцев назад

      Thanks! I am using "Ayu Dark".

  • @NouriAamari
    @NouriAamari Месяц назад

    Legend!!

  • @hassanafzal7602
    @hassanafzal7602 4 месяца назад

    Plz Bro Make videos in hindi or urdu your content is firee

  • @bhupendersharma9756
    @bhupendersharma9756 3 месяца назад

    how to add link reference to go to other sections like workflow or pricing? please help

    • @johanannadar189
      @johanannadar189 2 месяца назад

      Give them an id to navigate to the particular section

  • @abhishekcode
    @abhishekcode 9 месяцев назад

    Please comes with MERN projects 👍

  • @ImmanuelDsouza
    @ImmanuelDsouza Месяц назад

    Thank u bro

  • @UniqueUo
    @UniqueUo 23 дня назад

    YU didn’t do for some md and lg screen like iPads YU did for only mobile . I wanted to see for all devices 😞.

  • @eTravelVlog
    @eTravelVlog 9 месяцев назад

    How you put this app on a vps?

  • @AnkitShaw-v9c
    @AnkitShaw-v9c 3 месяца назад

    In my computer, no output is showing. Please help me. I'm linking the jsx files to main file but it is not showing anything.

    • @yanwardexuze4092
      @yanwardexuze4092 2 месяца назад

      same blank white on me,do you solved?

    • @AnkitShaw-v9c
      @AnkitShaw-v9c 2 месяца назад

      @@yanwardexuze4092 no bro. I don't understand, I was so frastuated, I thought my machine is cooked.

    • @yanwardexuze4092
      @yanwardexuze4092 2 месяца назад

      @@AnkitShaw-v9c check your console on your browser, in my case there was a conflict on constant file, features array variable have key 'icon' and the value is like calling react components, i give them comment block on them and its working

    • @AnkitShaw-v9c
      @AnkitShaw-v9c 2 месяца назад

      @@yanwardexuze4092 Ok I will try, thank you 😊😊

  • @nobody124...
    @nobody124... 6 месяцев назад

    bro i struggle to convert figma to code. can u please give suggestions. i think i dont understand figma

  • @firdarosiana8118
    @firdarosiana8118 Месяц назад

    tysm man

  • @anasamer5641
    @anasamer5641 4 месяца назад

    Thank you

  • @shreyasingh-ny6do
    @shreyasingh-ny6do 8 месяцев назад

    On my desktop why not showing jsx file it's showing js ?

  • @seanlynch4354
    @seanlynch4354 5 месяцев назад

    I haven’t watched the video yet but may I ask is there going to be a fee to host the website? I have zero experience with making a website

    • @Tarun-et3mx
      @Tarun-et3mx 3 месяца назад

      no vercel hosting is completely free and ideal for frontend only projects... if you have heavy backend where you need to store users data in a database like username email password etc. then you need to use paid hosting solutions that give you more cloud storage

  • @codeinvasion
    @codeinvasion 6 месяцев назад

    Bro I hat software did you use to create the intro??🔥🔥🔥

  • @Ji.Hikari
    @Ji.Hikari 3 месяца назад

    Thanks.

  • @MaralHejazi
    @MaralHejazi 9 месяцев назад

    I have a problem... the hamburger button doesn't open up for me.

  • @Israel_will_prevail
    @Israel_will_prevail 29 дней назад

    Hi, are the assets in the github repo free to use commercially? couldn't find the copyright on them anywhere

    • @compiletab
      @compiletab  28 дней назад

      The assets on GitHub are sourced from websites like Unsplash and Pexels, so I guess you should have no problem using them for commercial purposes.

    • @Israel_will_prevail
      @Israel_will_prevail 28 дней назад

      @compiletab thank you very much❤️

  • @abhishekcode
    @abhishekcode 9 месяцев назад

    🎉🎉🎉❤❤❤

  • @sebascm._
    @sebascm._ 2 месяца назад

    Not full responsive, work mobile and desk but is broken < 1200 px

  • @pedroinvoker8970
    @pedroinvoker8970 8 месяцев назад

    46:00

  • @diyakithani9483
    @diyakithani9483 5 месяцев назад

    kyu nai bataya && kyu use kia

    • @diyakithani9483
      @diyakithani9483 5 месяцев назад

      to kya hua agar muje react ka basics nai aata to

  • @MargaretKent-l6j
    @MargaretKent-l6j 4 месяца назад

    Lee Richard Lewis Timothy Moore Jason

  • @xodeumint
    @xodeumint 4 месяца назад

    Are you teaching or doing it yourself?
    Firstly learn how to teach.

    • @Tarun-et3mx
      @Tarun-et3mx 3 месяца назад

      this is not for complete beginners.. he is 1keeping the video short which is ideal for those who know basics.. if you want to learn basics youtube is full of it.

  • @RashedKhanMenon-u4w
    @RashedKhanMenon-u4w 9 месяцев назад

    Thanks. Another react project please.