Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind

  Рет қаралды 1,384,459

JavaScript Mastery

JavaScript Mastery

Күн бұрын

Пікірлер: 1 000
@yyxx9309
@yyxx9309 Жыл бұрын
Man. I did all your React projects and have learnt SO DAMN MUCH!! Some courses taught concepts, but yours really helped me to put these concept into use. Thank you so much!! Really appreciate that you made all these content free. It has been a big help in my career! Thank you!
@ImranKhan-ft7ns
@ImranKhan-ft7ns Жыл бұрын
congrats on your milestone.. Can a person follow his react videos and learn javascript along with it.. haivng some basic knowledge of js
@mostafizurrahman2694
@mostafizurrahman2694 Жыл бұрын
@@ImranKhan-ft7ns No. You need to know JavaScript well beforehand to follow through his tutorials.
@AlanMartinez-xb3hf
@AlanMartinez-xb3hf Жыл бұрын
did you build that one Premium Landing | Business | or Portfolio website that used that Startup Landing starter code by chance?
@w5755
@w5755 11 ай бұрын
Yes! I am not sure why the other person said no. I had minimal knowledge on JS less than 2 months ago, I have been going at it 30-40 hr a week for the last 1.5 months and I could easily follow along and understand the concepts. BUT there are many issues with getting this project to work correctly. This video should have a follow up video with the corrections.@@mostafizurrahman2694
@zarrarpalekar9622
@zarrarpalekar9622 Жыл бұрын
For anyone facing the issue with CSS not showing the same as it is in the video I think we all followed what was mentioned in the latest docs of tailwind website To be able to get things work the same way as in this video, please do this: npm install -D tailwindcss@latest postcss@latest autoprefixer@latest npx tailwindcss init -p npm i and then finally npm run dev
@gustavoortiz7473
@gustavoortiz7473 Жыл бұрын
bro, thank you so much! this was actually the ONLY thing that worked for me.
@noeliaarriola1229
@noeliaarriola1229 Жыл бұрын
Thank you so much!!!
@muzika5001
@muzika5001 Жыл бұрын
Thank you! :)
@marcelpanknin4107
@marcelpanknin4107 Жыл бұрын
Thank you so much 👀
@alvinmwangi5268
@alvinmwangi5268 Жыл бұрын
Thanks bro, this was very helpful.
@SameerAhmad-ql7nr
@SameerAhmad-ql7nr 2 жыл бұрын
I've been following you since your node js how to create pdf video, and since then I've learned a lot from you. You're the reason I've come into the field of freelancing, and let me tell you, the things I've learned from you helped me a lot in my career. You are really an inspiration to me because you are the only person that helps me a lot in my career, and I still wait for you to upload because there are many things to learn from you. Lastly, thank you so much for providing such high-quality content!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! I wish you all the best!
@wilsonibekason
@wilsonibekason 2 жыл бұрын
Thank you so much jsmastery,I am just 17 yrs and you have made me one the youngest and incredible developers in my state. With a lot of people asking me how I learn so fast
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Wow, thank you!
@yokoso2386
@yokoso2386 Жыл бұрын
Bro I wanna ask an question : can I build this modern website in wordpress with kindly the same design/looks and function of this modern website? I'm still new so I don't really understand the concept bro.
@zendark8651
@zendark8651 Жыл бұрын
@@yokoso2386 Yes, but u need to know php cuz wordpress built on top of that and then learn how to develop wordpress themes, please note that php and wordpress will be ur backend and this video is just frontend so with decent amount of knowladge u can implement that
@yokoso2386
@yokoso2386 Жыл бұрын
@@zendark8651 so for the front end side I need : html css javascript, react js three js, next js etc But from back end side = need php, and wordpress to build and launch my own website right bro? Can I use wordpress for back end while I am using html css js react js?
@zendark8651
@zendark8651 Жыл бұрын
@@yokoso2386 Yes, you can u can make your own theme in html css js or react and use it inside wordpress wordpress will act as your backend or you can build your very own backend like wordpress
@DeveloperJunaid
@DeveloperJunaid 2 жыл бұрын
Here comes my favourite line "Welcome to a project video" 🤩❤
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You got it!
@JORDIFUNGULA
@JORDIFUNGULA 2 жыл бұрын
@@javascriptmastery @adrian you are the boss mahn! Much love from Cape Town, South Africa! to you mahn!
@diangrove6931
@diangrove6931 2 жыл бұрын
Yeah mine too !
@waifufx
@waifufx 2 жыл бұрын
I swear along with "HI THERE"
@femiadeyemo9023
@femiadeyemo9023 2 жыл бұрын
Much love from Nigeria
@waynezhou3393
@waynezhou3393 Жыл бұрын
As a new comer of tech who is trying hard to build my own portfolio, this is the first web development video that I followed all the way through. Your tutorial is super organized and easy to comprehend from scratch. I even felt this 2-hr video is not long enough lol. Can't wait to watch other videos of yours. Thank you Thank you!
@scorpion32
@scorpion32 2 жыл бұрын
This looks beautiful, props to the designer. I'm inspired. I always wanted to use tailwind, great weekend project
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! Cheers!
@SivoTV
@SivoTV 2 жыл бұрын
I too will give it a go this weekend... Gratitudes JSM
@KeskilChnProgram
@KeskilChnProgram 2 жыл бұрын
A WEEKEND PROJECT?! For me it will take a month 😅
@alfabettabe
@alfabettabe 2 жыл бұрын
@@KeskilChnProgram Naah, if i can do it, you can do it! go for it!
@olawaleoke8195
@olawaleoke8195 2 жыл бұрын
@@alfabettabe you finished it in one weekend ?
@MichaelHughes-vx1sh
@MichaelHughes-vx1sh Жыл бұрын
When I say no one does it better than you, I mean every single word of it. You are the best, I recently started learning web development, but I can tell you that I've never seen a page that takes it time to educate people like yours, all your projects are amazing, how do one even thank you? I sincerely want to use this medium to say a big thanks for all you do, I know its time consuming but you still take it upon yourself to dedicate these times to teach and educate us, God bless and enrich you wherever you are. Thank you so so much, the best channel so far.
@OrSNCucumber
@OrSNCucumber 10 ай бұрын
Awesome video :-) A small correction; On minute 131:00, you've forgot to include the actual link. of each social network. What I would suggest is to wrap the img component with an , add the link to it using href={social.link}, move the class name and the key to it as well, and inside just include the icon of the social network 🙂 Other than that, I learned SO MUCH! Thank you!
@richardogujawa-oldaccount1336
@richardogujawa-oldaccount1336 Жыл бұрын
Great video! Learned a lot from it. Something that might help some people is that instead of doing a margin right and margin bottom with the flexed items, you could just use the gaps utility class instead to save you typing a lot. For example 'flex gap-6' will flex the items and then give you a gap of 1.5rem or 24px between the flexed items, and you can use gap-x-6 for example, if you only want the gaps to affect horizontally flexed items and gap-y-6 to target the gaps on the y-axis (vertical gaps). However, gap-6 is great if you want the gap irrespective of the orientation of the flexed items.
@LuisMartinez-se2np
@LuisMartinez-se2np Жыл бұрын
Bro you are really good at teaching us how to build a project from scratch, as a beginner, i love the way you already declare all the tailwind styles and make it to look so easy to use, this video is gold if you're browsing for some mind refreshing with react + tailwind and responsive design, 100/10 bud, thanks again
@sharanvkt
@sharanvkt 2 жыл бұрын
Just a day ago I was browsing entire KZbin for at least one good video to learn tailwind. Tada 🎉 now you upload this amazing course 🤩 you can't even imagine how excited I'm rn!! Thank you so muchhh
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Awesomee, enjoy! 😊
@justicefreeman6598
@justicefreeman6598 Жыл бұрын
Instead of using index to figure out which item is the last and conditionally apply margin you may use tailwind's 'space-between' utilities. If you will apply 'space-x-4' on parent div then all children except first will have css value 'ml-4' (prefer margin-left over margin-right and margin-top over margin-bottom, because it's easy to override them)
@teixeira2764
@teixeira2764 Жыл бұрын
or just use gap on the flex container
@adityarajguru7947
@adityarajguru7947 2 жыл бұрын
Just yesterday I was looking for tailwind tutorials but I couldn't find any latest videos and today I got a discord notification about your video and I'm super excited to follow along! Thanks
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Enjoy! 😊
@websitedesigndevdeploy
@websitedesigndevdeploy 2 жыл бұрын
I never knew this before. Such a wonderful new way to create website with React. Amazing!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you, enjoy!
@josalejolo
@josalejolo Жыл бұрын
man I just started learning to code because I want to develop on the web and the truth is that your video has motivated even more to go after my dreams. I have no idea about half of the things you do in this video haha but I have many ideas that I want to execute and what you teach in your videos man is simply gold! Thank you with all my heart for sharing your knowledge to the world.
@mashfikurrahman1115
@mashfikurrahman1115 2 жыл бұрын
if I wanna highlight one thing from your every project video. it's Your file & folder structure are really unique which I have seen ever also learn much think and I'm trying to apply them to my everyday project. take love and respect :)
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks a lot 😊
@kayodeoladipo7706
@kayodeoladipo7706 8 ай бұрын
For the task at 1:54:54, you can make the images pop on hover by playing with the opacity. Here are the classes I added to the tag opacity-50 hover:opacity-100 Many thanks for this tutorial, Sir
@denniszenanywhere
@denniszenanywhere 2 жыл бұрын
Love this. 👏😃🔥This will sound weird because I’ve seen and followed along with your project videos and they are much ambitious in scale, but this is becoming my favorite because it’s allowing me to see how you are coding the design from figma which makes me see how something like a graphic or ux design is coded. It’d be great to be see more tailwind or design centric sites. Not many do this and I can see how the site comes to life. You are amazing. Please make this site evolve with e-commerce or do something similar with e-commerce. So far my favorite are your tiktik and portfolio videos.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much!!
@JoseGarcia-yd4qu
@JoseGarcia-yd4qu Жыл бұрын
I don't want to generalize, but this is one of the best channels out there. I just watched 2 videos and had to subscribe. Thank you. PS: I'm curious about something: how much does it cost a website like this one? I'm in college and I don't know exactly how to set prices.
@juniordev4190
@juniordev4190 2 жыл бұрын
You can simply use the gap property if you are using flex or grid to give space between items. Don't need to check whether the item is last or not with conditional. Another thing I want to add here, use semantic tags whenever possible.
@subhadeepmukherjee3527
@subhadeepmukherjee3527 Жыл бұрын
we are not using grid or flex here
@yokoso2386
@yokoso2386 Жыл бұрын
Bro I wanna ask an question : can I build this modern website in wordpress with kindly the same structure, design/looks and function of this modern website? I'm still new so I don't really understand the concept bro.
@subhadeepmukherjee3527
@subhadeepmukherjee3527 Жыл бұрын
@@yokoso2386 yeah of course....but you won't be getting the single page application functionalities as we see in ReactJs... although the design and structure will be same
@sayemalmahdi6691
@sayemalmahdi6691 2 жыл бұрын
Thank you for sharing such a wonderful tutorial using React JS and Tailwind CSS and I really like how you manage your file and folder structure, I found this unique and really love how you structure them and thanks once again and hope more will come ! :)
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You're very welcome!
@yokoso2386
@yokoso2386 Жыл бұрын
Bro I wanna ask an question : can I build this modern website in wordpress with kindly the same structure, design/looks and function of this modern website? I'm still new so I don't really understand the concept bro.
@92abhinavkashyap
@92abhinavkashyap Жыл бұрын
I learnt a lot from this video. Some of the tricks like making the get started button with two divs with padding and adding the linear gradient :) But, like any other video, I would like to see the process of your development. Not type the long list of classes for the divs without knowing why they are typed. There are certain principles that tailwind is built on. For example, mobile is the default design that tailwind is for and then you can expand to bigger screens. The sm: or md: modifiers say "from medium screens apply this class" or "from small screen onwards apply these classes". They do not say "Apply this class for small screen or apply this class for the medium screen". This was a bit confusing in the video. Anyways :) Wonderful job in developing the website, organising it, sharing the design so it became easy for us to follow :)
@ooroshaza
@ooroshaza 7 ай бұрын
That was confusing why sm:hidden is the mobile view, thanks for clarify!
@earthtomemphis
@earthtomemphis Жыл бұрын
I love how you made styling more fun by making it dynamic! Please do more projects just like this with react and tailwind!
@mattoattacko
@mattoattacko 2 жыл бұрын
Perfect! This is the kinda thing I've been waiting for. Thanks JSM et al.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you like it!
@abhinayreddy566
@abhinayreddy566 2 жыл бұрын
My whole portfolio and GitHub are full of your projects 🥺🥺❤️❤️ you are literally god who made to start my career at this age ❤️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! :)
@prymestudio
@prymestudio 2 жыл бұрын
This guy has a way of coming up with tutorials I need when I need em
@prymestudio
@prymestudio 2 жыл бұрын
I literally just started using tailwind with react
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Perfect! :)
@matheusferreira5600
@matheusferreira5600 2 жыл бұрын
I don't usually comment on videos, but I got say thank you for this. Just finished this project and added it to my portfolio. A lot of knowledge acquired
@rkdeveloper1681
@rkdeveloper1681 2 жыл бұрын
Love from India 🇮🇳🇮🇳🇮🇳🚩🚩🚩🙏🙏
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Greetings to India! :)
@The_lezend_official
@The_lezend_official 5 ай бұрын
Bro let's collaborate
@idhapratama5103
@idhapratama5103 Жыл бұрын
very helpfull with this tutor for making my first proto when i've learned about html, css and a bit of js.
@rkvbuzz9244
@rkvbuzz9244 2 жыл бұрын
guys,This guy diserves a appreciation 👏👏👏
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks! :)
@KillahTrax
@KillahTrax 2 жыл бұрын
“Thank you” would be an understatement of the year
@javascriptmastery
@javascriptmastery 2 жыл бұрын
No, no. Thank you!
@AsalAskary
@AsalAskary 2 жыл бұрын
I am thrilled when i see your new post notification on my screen. This project is amazing thank you for sharing these free
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you like it! 😊
@kushalmondal618
@kushalmondal618 2 жыл бұрын
This is Awesome, 💯💯, I have been following you a while, But In this Project I just Fully noticed that how your Explanation of a latest tech-stack and provided Resources can make a 4-year kid to a Fully-grown dev, I highly Appreciate Your Work, For You i could easily Understand such Complex Activity, Love and Respect From India 😇😇
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! Greetings to India! :)
@vaibhav55592
@vaibhav55592 2 жыл бұрын
You have 383K subs in just 81 videos,Do you know why?? Cause all you provide is quality , you are godsend for the developers.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! ❤️
@sourcecode315
@sourcecode315 2 жыл бұрын
I learned react for the first time in your mini filmpair tutorial and now this amazing project thank you very much i have learned a lot from this project and i am about to start another project right away again thank you very much for the amazing tutorials you are providing us.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much! Feel free to provide us a review on TrustPilot as well www.trustpilot.com/review/jsmastery.pro
@AxianTee
@AxianTee 2 жыл бұрын
Just started your tutorial...You should mention to have the tailwind intellisense for the quick snippets. Overall, it's a good tutorial.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks!
@iamtharunraj
@iamtharunraj 8 ай бұрын
Covered almost 1hr of the video. And I must say, this is one of the best projects/tutorials I have done on React. His style makes me want to learn more. Thanks a lot man!
@TheREIstory
@TheREIstory 8 ай бұрын
How did you get it to npm run dev? I'm on Mac OS and get an error every time. followed the video step by step up to that point and now I'm stuck.
@Nazmul_Nemo
@Nazmul_Nemo 2 жыл бұрын
i have been following all this tutorial for a while and i must thank you for that. it really helps my practice. i would very much like to see tutorials on other than just reactJS . Next js would be fun. some backend technology tutorials would be great... 🤗
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You are welcome!
@irfansaeedkhan7242
@irfansaeedkhan7242 2 жыл бұрын
One more thing tailwind has feature called @apply it adds up multiple tailwind classes in one class so you didn't need to add a javascript file to add object keys for those tailwind classes, simple could have added in css file using apply , Your course was good but still searching for best folder structure and approach for reactjs/nextjs to make design from figma , landing pages, then their dashboards how security will work, how state management will work, how perfectly theme design can be confugred in tailwind, and only person i know can make this beatiful beast project is you, cuz you lot better than most of youtube content, you talk to the point and give practical and professional things om platter
@pragatirawat1103
@pragatirawat1103 2 жыл бұрын
More around MERN please Master! ( Also Material UI ) And big thanks for all that you bring us ❤️
@zulfahmialifabdi5840
@zulfahmialifabdi5840 Жыл бұрын
Big thanks, Brother Adrian. The voice is very clear, its very helped me because my English is not good enough. Then, I see very detailed explanation. As a beginner, I think step by step of this tutorial makes it easier for me to understand. Once again, thank You 🙏🙏🙏
@joaonascimento3574
@joaonascimento3574 2 жыл бұрын
Thanks again for your dedicated time to make such a great tutorial like this. I replicated the project but, instead of using javascript, i took the road on typescript and the things just worked fine so far. Oh, and i already deployed on Vercel! So, thanks again for help us all achieve success in programming. Big hug my friend!!
@sayf3446
@sayf3446 Жыл бұрын
Nice! Can you please share how your folder structure might be different for typescript?
@Kuena866
@Kuena866 2 жыл бұрын
I was looking for something else on KZbin. Then I came upon this video........... Guess what? Whatever I was looking for has been postponed until further noticed. That's how great Adrian's content is............ Cheers
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you, enjoy!!! :)
@darpananeja6755
@darpananeja6755 2 жыл бұрын
Your are always fully loaded with content that is always so rich yet you do not charge even a penny!!! You are just awesome!! Your channel is like a university for us developers to learn the skills that help us to grow in our careers phenomenally. Thank you for all your glorious efforts. P.S. Please try and add GSAP animtions in your websites and teach us that too.
@kalyanyadlapalli6103
@kalyanyadlapalli6103 2 жыл бұрын
Teach us your thought process of how you first design the website and then how you approach each and every part so that we will get that skill as well
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Great suggestion!
@saik313
@saik313 2 жыл бұрын
Intro: You will do everything on your own and you will learn everything.... A few moments later.... I have already made half the project for you
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Cmon, it's not like that.. :)
@saik313
@saik313 2 жыл бұрын
@@javascriptmastery Mhm, you should've done more detailed intro on the files you wanted people to include externally, like have us do a little part of em on ourselves so we can learn too on how to make those files. But still overall great video, watching it rn
@sumayeablash952
@sumayeablash952 2 жыл бұрын
Great sir... You are my super hero in learning frontend design and react... Thank you very much ❤❤❤❤
@javascriptmastery
@javascriptmastery 2 жыл бұрын
You are most welcome
@greffersonfaculty8805
@greffersonfaculty8805 2 жыл бұрын
Thanks Adrian. You're my goto React Js guide as long as you provide the free course lol
@RianY2K
@RianY2K 2 жыл бұрын
Good tutorial. I'm always waiting new video every week from your channnel.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Glad you like them!
@kekerslayer3016
@kekerslayer3016 2 жыл бұрын
My passion was graphic design and I have taken up Computer Technology in college coz of scholarship. I learn web development, but after I graduate I become a Graphic Designer. It's been 5 months now that I have abandoned web development. But Hey! I am here right now watching again with your tutorial. I really love your tutorial, you are the channel I love the most and I have pinned for my college years. Thank you and I am back again🎉❤️❤️❤️❤️ Either way I am a Graphic Designer or Web Developer 🙃
@javascriptmastery
@javascriptmastery 2 жыл бұрын
That's amazing! Go for it!!! :)
@parthmittal5625
@parthmittal5625 2 жыл бұрын
Great tutorial, explaining how to build an amazing looking page! Small feedback: It would be nice if you also explain a little more of "why" you are using those CSS classes. I know the focus of this tutorial is on React but since we are also trying to understand Tailwind, it would be even better to understand the reasoning behind the CSS.
@moonslidme7792
@moonslidme7792 Жыл бұрын
The reason of using Tailwind? thousand times faster than a normal css build
@097_shashanksahu6
@097_shashanksahu6 Жыл бұрын
I suggest you learn css, and build some projects around normal CSS , then tailwind classes will automatically make sense.
@narzulla3v
@narzulla3v Жыл бұрын
36:36, instead of checking last element with index, you can use tailwind pseudo-class 'last' Example: 'mr-10 last:mr-0'
@webdevbuddy
@webdevbuddy 2 жыл бұрын
Great working👨‍💻
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! Cheers!
@LoneDarkWarrior013
@LoneDarkWarrior013 2 ай бұрын
finally, i finished my project now, love this channel so much!
@CodeAProgram
@CodeAProgram 2 жыл бұрын
Best combo reacTailwind
@javascriptmastery
@javascriptmastery 2 жыл бұрын
It is! 😊
@WebDevEducation
@WebDevEducation 2 жыл бұрын
My favourite stack at the moment is Next JS, TypeScript, and Tailwind CSS 😍
@_aaronnnnn___
@_aaronnnnn___ 2 жыл бұрын
This is superb ! But can you make a tutorial of making a website where we can stream and download music?
@javascriptmastery
@javascriptmastery 2 жыл бұрын
An app exactly like that is coming soon! 🔜
@korngsamnang
@korngsamnang 2 жыл бұрын
I'm so happy when see your new video on my notifications.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
I'm so happy to hear that! 😊
@waifufx
@waifufx 2 жыл бұрын
It looks like a standard site that webflow users would say they can build. Nice work sir
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@denniszenanywhere
@denniszenanywhere 2 жыл бұрын
I didn't understand what you meant by your post as Webflow still requires a different skill set. I do both Webflow and code and they're still different.
@waifufx
@waifufx 2 жыл бұрын
@@denniszenanywhere Oh I am just saying it looks like one of those sites that would have the tag "Made with Webflow" as a premium site and because not all those who codes gets to code such complicated layout. Designs like this are so common in webflow
@denniszenanywhere
@denniszenanywhere 2 жыл бұрын
@@waifufx The reason you see many of this in Webflow is because you can focus on the design in Webflow as it has already done most of the coded things in there. Even when I do Webflow, I get to design better than when I code from scratch. But that's the amateur coder in me. But here's what I like about Javascript Mastery. He has both the coding and design chops and that's rare even among web developers. Usually, you're just one or the other because it's just a lot of work to do both. Doable but lots of work.
@waifufx
@waifufx 2 жыл бұрын
@@denniszenanywhere NO OFFENSE I did not mean to offend you or anyone, Yeah you are right, and also the man has a lot of design sense with code very inspiring to me
@qnet4923
@qnet4923 2 жыл бұрын
Thank you so much. I have been looking for this video I made UI on figma but I don't know how to change to website. Now I can learn from you 😉. Again Tnxs
@saksham10051
@saksham10051 2 жыл бұрын
Thank you for such great content👍. I appreciate all your work btw but I just want to tell that do increase the content in which a full project is made.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks for the tip!
@alisufiyan5133
@alisufiyan5133 2 жыл бұрын
was waiiting soo much for any content from you... i am in love with your methodolody and have aligned my learning only with your videos... i pray as a youtuber you get the ideas and resources for endless content and u keep growing.... much love from pakistan.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Greetings to Pakistan! :)
@manojpawar2207
@manojpawar2207 2 жыл бұрын
God bless you Adrian brother
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks! :)
@abhinayreddy566
@abhinayreddy566 2 жыл бұрын
My personal fav is portfolio video because it's just stunning...and next the main project which landed me onto intern is the website of Ethereum trasfer
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thanks for sharing!
@mohammadasifazimi4612
@mohammadasifazimi4612 2 жыл бұрын
Amazing job sir
@javascriptmastery
@javascriptmastery 2 жыл бұрын
So nice of you
@sherazkhalid1975
@sherazkhalid1975 Жыл бұрын
Amazing tutorial from start to finish. And even shows you how to deploy the application. ⭐⭐⭐⭐⭐
@javascriptmastery
@javascriptmastery Жыл бұрын
Yess!
@firebird6969
@firebird6969 2 жыл бұрын
Good JSM next video on electronjs and reactjs project
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Great idea!
@firebird6969
@firebird6969 2 жыл бұрын
@@javascriptmastery please make soon I am waiting
@yefweb3848
@yefweb3848 Жыл бұрын
I admire your dedication and desire to help us improve as front-end developers, thank you so much.
@albinbinoy1994
@albinbinoy1994 2 жыл бұрын
Why bg-primary not showing the background color?
@joshuagornall260
@joshuagornall260 2 жыл бұрын
ok you will need to go to the tailwind installation page and follow extra steps that are not covered in this video. There is a part 4 onwards in the docs that requires you to run the CLI and build your CSS...... something like this > npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch
@ethichadebe
@ethichadebe 9 ай бұрын
Hey @@joshuagornall260 thank you for the reply, I was really stuck, I'll let you know if it works for me
@mudassarwarraich457
@mudassarwarraich457 2 жыл бұрын
man you're awesome and your teaching skills are on next level you're one of my favorite teachers
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you so much!
@impodays9655
@impodays9655 2 жыл бұрын
Let's make it to 20K Likes guys. 😁😁❤️❤️❤️❤️
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Hopefully soon! 🔜
@pasiduyoutube3861
@pasiduyoutube3861 Жыл бұрын
Such a amazing lecture i ever meet. I from sril lanka 🇱🇰. I really respect you for these lv you so much ❤️🌸
@cabezz2010
@cabezz2010 Жыл бұрын
This is not a good tutorial, here it says that its even for beginners and thats a fake, firstoff u need to learn tailwinds otherwise ull never be able to do your own design or manipulate the tailwinds tags. Ive been seen several videos and this channel is not able to help to any beginner
@CTILET
@CTILET 2 жыл бұрын
Wery cool app now i am making it! I like to you tailwind it is mobile first , but the way you upgrate it is really buatiful !
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you, enjoy! 😊
@alif_hasan_shah
@alif_hasan_shah 2 жыл бұрын
This is absolutely not a good way to teaching . You said you are making things from scratch, this is a lie. You provide a lot of CSS files and those files are complicated to understand. I don't see anyone who use .js files for only write CSS . No one is hurry to catch the plane. People have enough time to learn new things . This is not a beginner level tutorial.
@amateurlover5920
@amateurlover5920 10 ай бұрын
You’re right brother. It’s crazy how only us two see that 😂
@ICameToBringThePain
@ICameToBringThePain 5 ай бұрын
The thing is.. since modern JS, you can do one thing 100 ways (find the one that suits you) so please keep an open mind and don't be a broke hater, nobody likes that
@hellochoudhry4281
@hellochoudhry4281 2 жыл бұрын
I just completed making my own version of this. Your videos are awesome!!! Btw, please make another social media app, but with react native! Please
@hellochoudhry4281
@hellochoudhry4281 2 жыл бұрын
Love from India
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! Will do!
@aakashyadav6228
@aakashyadav6228 8 ай бұрын
Bro you give all the code which you should write in the video before. What kind of tutorial is this. Highly disappointed
@thealinta
@thealinta 2 жыл бұрын
36:41 I'd rather type it like this => mr-10 last:mr-0 Looks cleaner imo :) Appreciate your videos, thanks so much for the content!
@Mayankcodezz
@Mayankcodezz Жыл бұрын
just wanna say u are the bestttttttttttttttttttttt made it easy for me ! thanks a lott
@gouravjoshi3894
@gouravjoshi3894 2 жыл бұрын
Whenever i think what project i do next Adrian just come and say, I got you brother 😀
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Awesome thank you!
@Abdullahyasharmota
@Abdullahyasharmota 2 ай бұрын
Это Словно Рождество))) ПРАЗДНИК!
@lolafunchow
@lolafunchow Жыл бұрын
Damn, the fact that you share the assets on github and start doing it along with you, because the fact is not just copying code but to learn
@saepuloh475
@saepuloh475 6 ай бұрын
this is the best tutorial for react x tailwinds. Awesome bro, thank you!!
@sandeeproysunnapu2731
@sandeeproysunnapu2731 2 жыл бұрын
Looks great, thanks for sharing jsmastery. Hope to see more applications on ReactJs and React Native too❤️.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Might come soon! 🔜
@akashdixit2661
@akashdixit2661 2 жыл бұрын
Best channel handsdown
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@dannyhamici4948
@dannyhamici4948 2 жыл бұрын
The best KZbinr all time strike again !!!
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! 😊
@secretsorcerer
@secretsorcerer 2 жыл бұрын
Always waiting for your project videos. In every video, there are many amazing things to learn always. Thank you so much, Sir.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you! 😊
@eclipseontime
@eclipseontime 2 жыл бұрын
I freaking love your videos please do not ever stop making them.
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@0xzales
@0xzales 2 жыл бұрын
1:57 i felt like Dj Khaled by saying another one😂😂😂😂😂😂, You're our Dj
@tsarprince
@tsarprince 2 жыл бұрын
1:23:00 We can use space-y-6 in parent div instead of adding mb-6 to each child except the last one
@CaptainAmerica-nj2sk
@CaptainAmerica-nj2sk 2 жыл бұрын
Sir can you make a tutorial for a PERSONAL PORTFOLIO/ PERSONAL WEBSITE that we can add to our resumes. AMAAZING video as always. lots of love and thank you once so much!
@SaliAalaNabiyak
@SaliAalaNabiyak Жыл бұрын
to be hones the video is focusing more in tailwind than is for react js . however, your videos are awsome and you made the complex easy to understand and pick up. thanks and keep it up
@ishaqabdullahi7555
@ishaqabdullahi7555 7 ай бұрын
When he said "I felt like dj khalid by saying another one". I love me some humor amidst technical work😂
@thefacelessmanwonders
@thefacelessmanwonders 2 жыл бұрын
WTF! Another video already man😲 You're the undisputed goat fr
@javascriptmastery
@javascriptmastery 2 жыл бұрын
Thank you!
@solracs6494
@solracs6494 3 ай бұрын
Excellent tutorial, I really liked it. You are a reference on how a good web application should be developed.
@garfield584
@garfield584 Жыл бұрын
React JS + Tailwind 😍
@BrianKarmo
@BrianKarmo Жыл бұрын
so theres a lot of comments here saying that it's not pulling up the hello world, well my solution was to add a couple of the tailwind extensions in vs code and then someone had mentioned you have to save the files which i saved each and every one seperately, then saved the folder as well. i then ran npm run dev and wallah. One day gone to that bug. oh well either way i appreciated the experience. Good Luck, and happy coding.
@ahmar__0085
@ahmar__0085 3 ай бұрын
Your way of teaching is great and beginner friendly.thank you so much bro
@harshafartale5775
@harshafartale5775 2 жыл бұрын
First here! This is amazing! Thank you for this @JavascriptMastery🔥🔥
@javascriptmastery
@javascriptmastery 2 жыл бұрын
My pleasure!
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Flux Academy
Рет қаралды 581 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 609 М.
Dad gives best memory keeper
01:00
Justin Flom
Рет қаралды 20 МЛН
Apple peeling hack
00:37
_vector_
Рет қаралды 37 МЛН
escape in roblox in real life
00:13
Kan Andrey
Рет қаралды 9 МЛН
Master React JS in easy way
12:18
Nova Designs
Рет қаралды 79 М.
She Didn't Read The Warning
8:53
Daily Dose Of Internet
Рет қаралды 3,1 МЛН
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 282 М.
React Native vs Flutter in 2024 - Make the RIGHT Choice (Difference Explained)
10:31
Daniel Dan | Tech & Data
Рет қаралды 172 М.
How I MASTERED CODING with these 4 easy steps
8:02
Levi Okoye
Рет қаралды 100 М.
I built the same app 10 times // Which JS Framework is best?
21:58
Fireship
Рет қаралды 2,5 МЛН
Front-end web development is changing, quickly
3:43
Fireship
Рет қаралды 827 М.
Web Developer Roadmap (2024) - Everything is Changing
25:02
ByteGrad
Рет қаралды 369 М.
The perfect imperfection of Google's Material You
15:47
David Imel
Рет қаралды 445 М.