Build and Deploy 4 Modern React Apps and Get Hired as a Frontend Developer | Full 10-Hour Course

git clone <link>

for anyone stuck

It was awesome as a backend developer i will be excited for a tutorial on adding functionalities specially to teh gpt website

Thanks!

Bro the websites are responsive too

This is not a tutorial, this is 'copy my code and, IF it works, great.' There is NOTHING that explains benefits of component-based design, your CSS styling (which few beginners would understand if they don't just simply copy and paste your code), or deployment on any platform other than your sponsored Hostinger. No one who adds this to their resume will be able to explain how React works with a virtual DOM or anything essential to fundamental React principles. Garbage. Snazzy sites, that's about it.

can anyone share figma link of 2nd project, I am unable to open it properly

Reading the comments I think that I'm the only one who has to rewind this video once per 20sec because he does things too fast. Second thing is that I did everything EXACTLY as on video, but some of the tailwind's styles are applied, and some of them not. I gave up after 2 hours (30min in the video) of making HooBank App.

Careful if you are using the GH repo for this project, clicking on the link to the live site in the ReadMe will take you to spam sites asking you to install chrome extensions. Also, taking the assets directly from the repo you will notice some differences from the follow along. Otherwise great video!!

It's very helpful and I'm thankful from bottom of my heart. But at first project I can't download the assets file from git link..it had been a problem I faced during starting of learning React.

🤩🤩🥰🥰🥰😍😍😍🥰🥰🤩🤩🤩🤩🤩

Thanks for premium content than nextflix

Can't find the Downgit link for second project.

thanks, but these are not front-end applications, the projects are single page brochure website, they are not considered as application, just to clarify, however the design is descent

Jsjaja

Watched it for one month finally come to the third one, love it, make me less fear of styling. But I cannot find where is 'bg-primary w-full overflow-hidden' defined, my tailwind is not working?

There is no content much about React except creating components, it's all about css in the first project. I didn't explore remaining.

you know you can just use rafce for everything in the container and the component

Realy Helpfull bro u are gOod🫡👏

wasting time, this dude doesnt know elementary of HTML, if you gonna put your nav links inside div you wont be taken to any job ever! this should be list of links <ul><li><a></a></li>.....</ul>

Thanks a lot bro

🙌Thank you for this video.

Hello
Can we have a simple crash course on React plus Redux

🌟Brother please tell how you have created that transparent image "GERICHT"
In navbar

Can i use this for my website portfolio?

In case anybody get stuck in having 2 navbar on top of the screen.

import React, { useState, useEffect } from "react";

const Navbar = () => {
const [toggleMenu, setToggleMenu] = useState(false);
const [isSmallScreen, setIsSmallScreen] = useState(false);

useEffect(() => {
const handleResize = () => {
setIsSmallScreen(window.innerWidth <= 1050);
};

// Add event listener to detect window resize
window.addEventListener("resize", handleResize);

// Call handleResize on mount to set initial screen size
handleResize();

// Remove event listener on component unmount
return () => {
window.removeEventListener("resize", handleResize);
};
}, []);

Really great videos. Thanks for sharing. 👍

Oh god after seeing your channel my tears and my fears both stopped for my project

This is the best portfolio website tutorial.

Can you kindly make a project video by using Mantine UI and react? It will be very helpful

Can anyone please tell me that we are building website or Web apps in this course ? and what's the actual difference between website and Web app?

this helped me alot as a beginner thank you <3

I hate react so much

Hey! assets zip file is empty for first project. From where can I download it now?Thanks in advance.

In project 1, i wasn;t able to decrease or increase the logo size inside file navbar.css...how to fix it
?

logo.svg file is not displaying properly when I run the program in my browser. Who has the same problem and how to solve it? 🙏

wouldn't it be a better practice to place all the images and icons in their respective folder and then put those folder in public where we can directly access them by just /icons and /images

In Project 2, need to change min-width of media query to max-width.

I think this is a little misleading to say that this is a React course. I think the main focus has been on just HTML and CSS and without much of the functionalities of React: hooks, effects, etc. I think it'd be more beneficial if you could include them in the new version.

1 hour into the tutorial, I'm learning code style and some nuggets like that, but I feel this is more a code-along-me video than a tutorial, there is no explanation going on, and I see things appear magically in front of me, it's like you have another monitor beside you and you're copying stuff from it, sometimes you write the style before creating the class ... etc
but overall, thanks a lot for this opportunity.

Hey guys Newbie here,

I got lost when trying to make all the files and folders 1 hour in, and completely butchered the code.
Pretty frustrated, but ready to attack it again. New day lets get it!

Amazing Video, by far the best one I have seen. Thank you for teaching me react and making amazing websites like these. Thank you

Hello, how can i access figma design ideas that I could code with?

I love it ,doing it step by step