React JS Project | Build & Deploy Complete Responsive Website in React Step by Step Tutorial

Подписаться 1 млн

Просмотров 125 тыс.

50% 1

Learn How to make a complete website using React JS. Build college / university website in React JS step by step tutorial.
👉 Live Preview: greatstack.in/
👉 Source code: greatstack.dev/go/edusity
SUBSCRIBE: @GreatStackDev
❤️ Complete JavaScript Course with Certification:
👉 greatstack.dev/go/javascript-...
✔️ Beginner + Advance + ES6 + Notes
✔️ 30 Project With Source Code
✔️ React Beginner course with project
✔️ Course Completion certificate
✔️ Chat Support
In this tutorial you will learn to build and deploy complete responsive website using React JS. We will create a college or University website in this tutorial. This website will be completely responsive and we will add react smooth scroll, slider and working contact form on this website. You can receive the contact form enquirers on your email address. This website will be a great react project for beginners.
Download Assets: drive.google.com/file/d/1Ygjx...
Get web hosting and domain:
👉greatstack.dev/go/hostinger
Watch Full Stack E-commerce Website tutorial:
👉 • How To Create Full Sta...
-----------------------------------------
Suggested Course:
Complete JavaScript course with 30 projects:
👉 greatstack.dev/go/javascript-...
Complete HTML and CSS with 8 projects:
👉 easytutorialspro.com/go/course/
-------------------------------------
Recommended Videos:
Beginner's HTML and CSS tutorial:
► • HTML And CSS Tutorial ...
Beginner's JavaScript tutorial:
► • JavaScript Full Course...
Make A Complete Website for college using HTML & CSS:
► • How To Make A College ...
How to make a Business website step by step:
► • How To Make Website Us...
How to make personal resume website step by step:
► • How To Make A Website ...
How to make fitness website design using HTML CSS:
► • How To Make A Website ...
How to make an Ecommerce Website Design:
► • How To Make eCommerce ...
How to make a Job Portal website design with HTML & CSS:
► • How To Make Website Us...
How to make travel website design with HTML CSS Bootstrap:
► • How To Make A Website ...
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------
Stock Image and icon credit:
pexels.com
Stock video credit:
www.pexels.com/video/students...
-------------------------------------
Connect with me:
👉 linktr.ee/iamavinashkr
Connect with GreatStack:
Instagram: / greatstackdev
Twitter: / greatstackdev
Facebook: / greatstack

Опубликовано:

21 фев 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 121

@GreatStackDev 25 дней назад

👉 Live Preview: greatstack.in/ 👉 Source code: greatstack.dev/go/edusity

@waleedraja3566 3 месяца назад

one of the best channel to learn react html css javascript etc, for better than many other

@ajiteshmishra0005 3 месяца назад

Please create one video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced.

@hindikhaniachiachi 3 месяца назад

Sir your all programming language video is amazing easy to understand any video thank you sir 😊

@johncletus4174 Месяц назад

This is one of the best programming videos I have watched

@lavanyasaibollamreddi9959 12 часов назад

@GreatStack Thank you so much for this video! It was very informative and covered all of concepts😊! I have finally completed it successfully!

@JagmeetSingh-ym6jj 3 месяца назад

Thank you so much sir for this project.

@ARAVIND.ANTONY 3 месяца назад

Super each and every video is awesome,very useful ❤❤❤❤❤❤❤❤❤❤❤for beginners,

@visitingkatrin5620 24 дня назад

It was cool. U are best, thank u so much❤

@petermwansa4890 3 месяца назад

Great content. Thank you very much

@Doctorkash Месяц назад

Loving it while Learning!

@haseehaider14_ Месяц назад

Great bro, loved your video! Continue making this type of projects.

@CAPSL0CK181 11 дней назад

hey i'm having a problem related to this project can u pls help me?

@locuc2616 2 месяца назад

very helpful video. thank you very much

@sahilmanhotra3769 Месяц назад

Thank you for your amazing video. ❤

@nadiafahmi7013 2 месяца назад

Never know how to thank you , really you changed my life .. wonderful ,amazing .. thank you so much

@user-ne6tb5jm2x Месяц назад

Hi! how are you can i get the code for frre please i dont have a money thank you

@ABHISHEKKUMAR-kb2yp 3 месяца назад

one of the best channel for learning programing languages with the help of project. If i say particular about this project you have cover hooks, one having little knowledge can understand the hooks that are used in this project like me. I have recently started learning react, with little knowledge of hooks i can understand why you have used all those hooks and the functionality of props. Great thnx for your effort towards us❤. This is called industry level project that anyone can mention in his or her CV.

@hbtuian8205 2 месяца назад

Bhai can you please give me source code

@samuelopeyemi4032 Месяц назад

Hello @GreatStack, You are really wonderful with your lecture, because you've mase me understand react better. Many thanks for that. Please, if i want to link each sections in the program to another page, how do i go about it? Thanks, in anticipation.

@naimishdwivedi1307 3 месяца назад

Thank you so much sir ❤❤❤

@user-gu5ts5nx8r 3 месяца назад

you finally made a great move from using vanilla HTML and CSS to use of frameworks like reactjs.

@jovan4614 3 месяца назад

Can you elaborate?

@CodeCs_YT 2 месяца назад

@@jovan4614 vanilla html css means that pure clean coding (no frameworks like tailwind css or bootstrap)

@RameshRamesh-hf9bm Месяц назад

Thank you so much sir u teach well

@esakkimagesh6778 Месяц назад

Great content. Thanks

@WillHype 2 месяца назад

Man I love this man from the beginning

@CAPSL0CK181 11 дней назад

hey i'm having a problem related to this project can u pls help me?

@technicaljihad7728 16 дней назад

thank you for this project

@diwakerkanojia7219 3 месяца назад

Your explanation is very good. Can you upload a course of react js plss in Hindi from basic to advance

@user-pt4dj9cr2h 2 месяца назад

Thank you for the awesome tutorial Greatstack, any idea on how to add the hCAPTURE functionality??? I saw you added it in the live preview but not in the tutorial. If there's anyone else who knows how to do this please help.

@gamerzchoices 3 месяца назад

Wonderful project

@NwajeiSamuel 3 месяца назад

Thank you very much for this content. I can't find the video in the description.

@mdarmankhan7212 13 дней назад

Greate video. brother.

@studywithroman1997 3 месяца назад

❤❤❤❤ love you sir

@user-jf6no6pj4g 3 месяца назад

Hello greatStack,,,, a react tutorial just like the js one would really benefit me, kindly, do one for me

@kelvinnwachukwu8141 3 месяца назад

this is amazing please create another project with typescript

@ramazigogitidze1588 Месяц назад

Thank you very much bro

@JaGaNezhil 3 месяца назад

Super🔥

@afaqahmad8918 15 дней назад

Great ❤ And can you please tell me the name of your vs code font?

@burakcokkececi Месяц назад

Thank You

@leviackerman4170 3 месяца назад

react js with tailwind would be perfect .

@ShivaKumar-oi7se 3 месяца назад

Thanks for usefull content

@hbtuian8205 2 месяца назад

Can you give me source code😊

@ti-conmigo 2 месяца назад

for the slideForward button a just add a new condition, so if you reach the last testimonial (4th) and clic forward button again it goes to the first testimonial: const slideForward = () => { console.log(tx) if (tx > -50) { tx -= 25 } slider.current.style.transform = `translateX(${tx}%)` if (tx === -50) { tx = 25 } }

@CAPSL0CK181 11 дней назад

hey i'm having a problem related to this project can u pls help me?

@touseefahamed5629 4 дня назад

@@CAPSL0CK181 you have he source code??

@user-pj1bw7tj1d 16 дней назад

Amazing

@Kiyanti 3 месяца назад

Why creating function expression components and not declaration? Is it important?

@researchbag8960 2 месяца назад

Can I add this project in my resume after adding some extra features component.

@hindikhaniachiachi 3 месяца назад

Sir please create a video url shortner, amazing interface will be create sir please 😊😊😊

@sahilmane6102 3 месяца назад

Hello sir , do you design the website by yourself for this content

@avdsuresh 3 месяца назад

Hi I am requesting you please make ui designing with react + css/any css frame works

@kartikeysingh5499 3 месяца назад

Can you make a spotify clone using react and by using APIs to fetch the songs dynamically and add the functionality that are in Spotify like play pause seek etc.

@Amaankhan-mu3ve 2 дня назад

which vs code color theme you used in this video???

@pulyanaik4370 2 месяца назад

Hello sir... please make a project on real estate website by using react js.

@pyaradeenislam6885 2 месяца назад

Slide button is not working after one click neither forward nor backward although i have check the code from start of testimonials can you or any one can help in that?

@youngmind5853 Месяц назад

need to install react router dom in order to route

@gayathribr4038 17 дней назад

did you corrected it?iam also having the same issue

@shoaibsaifi5292 3 месяца назад

Sir please make a video on MERN stack also.

@BhagavadVoice 3 месяца назад

Hello World !!

@rscodeboy 3 месяца назад

Hello, World!

@MrAnonymous84 3 месяца назад

window.alert("Hello World!");

@mesizeki 21 день назад

They had deceived by "hellow world" string huh

@s-qc9ns 26 дней назад

always remeber to increase your default font size while making videos.

@izmirgoztepem 3 месяца назад

hello can you make video with tailwind css its faster and easier

@sameershammu8828 3 месяца назад

Create a navbar with many dropdowns like amazon dropdowns in a project because many agencies are using these now a days.

@profoundhub1911 2 месяца назад

Logo image is not showing during development. Do you have a solution?

@jackywan6829 3 месяца назад

May I know where to download the images which you used in this video?

@coder40208 3 месяца назад

Nic video

@AnilKumar-gu5jq 2 месяца назад

How to write a description for a React project brother Please tell me😊

@chikatlajeenu3224 3 месяца назад

Owner of great stack can you create new channel for telling the ai tools like chatgpt please brother

@mesizeki 21 день назад

You are so best but why you have only 1M subscriber w/c means 1 male that is me?!🤭🤣

@hamaadafzal2490 3 месяца назад

Create website with multiple popup box and more functionality like this

@researchbag8960 2 месяца назад

how I can add a login section to this website

@nhedpidaoc7316 2 месяца назад

do you have a backend code for this.

@IT_Insights_Beyond 3 месяца назад

sir how to change size of the caption and solve glitch of caption

@Irfanwrites1 3 месяца назад

bhai please upload more projects od js for Resume

@SaireddyThatiparthi 3 месяца назад

Do one Angular Js project

@TheCodingCollege8462 2 месяца назад

thankyou so much

@user-rd1ik5ng2l 3 месяца назад

Bro upload complex ecommerce website using pure react js

@meralkk 2 месяца назад

I find the videos you make very useful. thank you for that. I created this website by following the tutorial and shared it on LinkedIn. I added the LinkedIn link to the comments under this video, but for some reason, it was deleted. How can I share this link with you?

@suvamchaudhary256 2 месяца назад

Upload more react project

@touseefahamed5629 4 дня назад

does anyone have this code so that i can easily identify errors it will be helpful

@esmatullahnoori7418 3 месяца назад

thank you I have been making this since yesterday but the toggle button is not working it is going to make me crazy

@assia6506 2 месяца назад

Please the image in the background (after navbar) doesn't work , if you can help pleaseee

@user-ne6tb5jm2x Месяц назад

Hi! how are you can i get the code for frre please i dont have a money thank you

@thakurayushh 3 месяца назад

bhai hindi mein bhi video banaya karo please

@kiranbs15 Месяц назад

How to create another html file for this project

@Ram78719 23 дня назад

Beast

@vinodkumarmk9959 3 месяца назад

Sir please create full stack Amazon project

@Arnab3.12 3 месяца назад

Bro, which extention you use ?

@idevkr 3 месяца назад

ES7 react redux graphql snippet

@tankbotttanky9737 2 месяца назад

Well course is not bad, it helped me to get a react project structure but man, as you teaching ppl that are new in front-end you should tell them that you should not style your webpage by HTML tags at all, thats why you have classes for, if you doing that because that may be little bit faster so course will be not that long, you should mention that to ppl that it is an actual mistake. Even worse is puting your transition on all css properties instead of specyfic ones what is killing your webpage performence when it comes to bigger projects. Also not adding alt to images is a big semantic mistake which will lower you webpage down in searches . I understand its just simple webpage that ppl gona make in training purposes, but still you should awere newcomers about stuff like this