React JS Project | Build & Deploy Complete Responsive Website in React Step by Step Tutorial
HTML-код
- Опубликовано: 21 фев 2024
- 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
👉 Live Preview: greatstack.in/
👉 Source code: greatstack.dev/go/edusity
one of the best channel to learn react html css javascript etc, for better than many other
Great bro, loved your video! Continue making this type of projects.
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.
Sir your all programming language video is amazing easy to understand any video thank you sir 😊
Thank you so much sir for this project.
Man I love this man from the beginning
This is one of the best programming videos I have watched
It was cool. U are best, thank u so much❤
Great content. Thank you very much
Thank you so much sir ❤❤❤
Super each and every video is awesome,very useful ❤❤❤❤❤❤❤❤❤❤❤for beginners,
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.
Bhai can you please give me source code
Loving it while Learning!
Thank you for your amazing video. ❤
very helpful video.
thank you very much
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
}
}
you finally made a great move from using vanilla HTML and CSS to use of frameworks like reactjs.
Can you elaborate?
@@jovan4614 vanilla html css means that pure clean coding (no frameworks like tailwind css or bootstrap)
Never know how to thank you , really you changed my life .. wonderful ,amazing .. thank you so much
Hi! how are you can i get the code for frre please i dont have a money
thank you
Thank you so much sir u teach well
thank you for this project
Your explanation is very good. Can you upload a course of react js plss in Hindi from basic to advance
Great content. Thanks
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.
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.
this is amazing please create another project with typescript
❤❤❤❤ love you sir
Wonderful project
Thank you very much for this content. I can't find the video in the description.
Thank you very much bro
Super🔥
Hello greatStack,,,, a react tutorial just like the js one would really benefit me, kindly, do one for me
react js with tailwind would be perfect .
Hi
I am requesting you please make ui designing with react + css/any css frame works
Thank You
Amazing
Thanks for usefull content
Can you give me source code😊
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.
Sir please make a video on MERN stack also.
Why creating function expression components and not declaration? Is it important?
Sir please create a video url shortner, amazing interface will be create sir please 😊😊😊
Can I add this project in my resume after adding some extra features component.
Great ❤
And can you please tell me the name of your vs code font?
Hello World !!
Hello, World!
window.alert("Hello World!");
They had deceived by "hellow world" string huh
Hello sir... please make a project on real estate website by using react js.
Hello sir , do you design the website by yourself for this content
Create website with multiple popup box and more functionality like this
Create a navbar with many dropdowns like amazon dropdowns in a project because many agencies are using these now a days.
You are so best but why you have only 1M subscriber w/c means 1 male that is me?!🤭🤣
bhai please upload more projects od js for Resume
Beast
Owner of great stack can you create new channel for telling the ai tools like chatgpt please brother
How to write a description for a React project brother
Please tell me😊
Nic video
thankyou so much
always remeber to increase your default font size while making videos.
Hey, i bought your source code for this project but I can't run it. Do you have any tutorial on running a downloaded project?
May I know where to download the images which you used in this video?
Upload more react project
hello can you make video with tailwind css its faster and easier
sir how to change size of the caption and solve glitch of caption
Do one Angular Js project
Sir please create full stack
Amazon project
wow
Bro upload complex ecommerce website using pure react js
Logo image is not showing during development. Do you have a solution?
thank you I have been making this since yesterday but the toggle button is not working it is going to make me crazy
Please the image in the background (after navbar) doesn't work , if you can help pleaseee
do you have a backend code for this.
how I can add a login section to this website
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?
need to install react router dom in order to route
did you corrected it?iam also having the same issue
Masters
bhai hindi mein bhi video banaya karo please
❤
Bro, which extention you use ?
ES7 react redux graphql snippet
Hello
Can you please make a video about API 🙏 🙏 🙏
Thank you very much ❤❤❤
Link tag not working its showing blank screen output
is there any diffence if we use .js instead of .jsx?
Yes, in js u will not get sinpet of html which u will get in jsx
🥺❤️
How to create another html file for this project
Hi! how are you can i get the code for frre please i dont have a money
thank you
Sir, can I launch a tech news website without backend..
No
Bro need angular
39:09
Hello
I didn't the logic of video-player part.
1:15:00
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
bhaiya please hindi mein video banaya kariye
Hello! How can I make API ? Could you help me please!
By using express js
Am I the only one having issues with the Contact Page's responsiveness?
No issues, check code again
Thanks... I saw the issue.@@JagmeetSingh-ym6jj
Use vite
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?
🦨 🐰🐇 🕊
❤