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

is anyone having trouble with "bg-primary

import GetStarted from './GetStarted'; file can't be found. Anyone else having this issue?

At 17:14, when I'm entering npm run dev, the terminal is throwing an error saying, "Missing script: "dev" ". Please help!

Unable to download assets can anyone help

amazing build!😍

i can't find 'react' option in the variant option.. what seems to be the problem?

Can someone help me @16:30 , when typing in bg-primary, nothing came up, it didn't format properly, I'm so confused, help

assets folder is not working please check it out

14:20 This is not the right separation of concerns

this video is really a masterpiece

just wanna say u are the bestttttttttttttttttttttt made it easy for me ! thanks a lott

thanks for this video, there is a problem i am facing, i have done everything as shown in the video but is unable to use tailwind in my project.

🙌🏻🇨🇴🧔🏻👍🏼🤝🏼 Saludos desde Colombia.

Im not able to see the black rectangle with the nav for some reason? I followed along pretty closely is there a way i can get some help. Its not showing when i run npm run dev http://localhost:5173/

hello good afternoon, I would like to know which extension is used to make the "rafce" in the components?

You can also do if you dont want the last element to have a padding or margin:

last:mr-0

I don't really get the idea of creating custom utility classes like 'paddingY', 'boxWidth' or 'flexCenter' for example, if there are only 2-3 classes in them, why bother? You literally don't use them yourself in some parts of the code, like in Hero component. I'd rather write two more regular Tailwind classes instead of creating a mess like «className={`flex-1 ${styles.flexStart} flex-col text-[16px] xl:px-0 sm:px-16 px-6`}», it's too hard to read it in my opinion, especially if you see this code for the first time. Also, why do we even need an additional 'ss:' breakpoint? Why not use a utility class 'space-x-10' in <ul> of Navbar component?

11:00

Awesome tutorial thank you!

I want to keep going and build out some of the pages on the footer. What would be the cleanest way to do this? Throw this page on Express as index and route to other pages like "/blog" or put everything between the Nav Bar and Footer into its own component <LandingPage /> and set state not to show it when <Blog /> is clicked? Thanks

Thank you👏👏👏

PS C:Usersshakhawat.hossain07Desktopmodern_app_challenge> npm create vite@latest

√ Project name: … modern_app_challenge

√ Select a framework: » React

? Select a variant: » – Use arrow-keys. Return to submit.

> JavaScript

TypeScript

// Why react is not showing in my variant?

Why you did this video with pure js not typescript? 🙁 Was so happy see the video and it broke my heart when I saw that.

Awesome tutorial!

Definitely not beginner friendly

can we create the same thing using react js and bootstrap 5??

53:15

27:28

Site hermoso! 👏👏👏

Bruh… the hand is not right up to the end of the screen like in the design…

actually while coding in tailwind I noticed that sm:px-16 px-6 does not apply as you showed in the video it applies in the opposite order… when researching I found that, The problem is: Tailwind is a mobile-first framework and it should be the opposite of what you had mentioned. so it would be px-16 and sm:px-6

Is Tailwind A CSS or Bootstrap Killer ?
Can someone Explain

Im getting a white screen when loading on local host

Thank you very much for sharing this type of content, the application is fantastic, congratulations on the content.

excellence guidelines

Thank you! Man, your channel is amazing.

in which application you designed the assets bro?

Hi can you tell which theme and icons extension are you using?