[Free] Building + Hosting React App For free on Github Pages | Complete React Course in Hindi #17
HTML-код
- Опубликовано: 4 окт 2024
- In this react course, we will see how to learn react using projects.
This is going to be a project-based course full of real-world react projects. In this video, we will see host our website on GitHub For free
Make sure to access the playlist here (Important): • React Js Tutorials in ...
All the source code and other material will be uploaded on codewithharry.com as and when available!
Link to the Hosted React App: codewithharry....
►Check out my English channel here: / programmingwithharry
►Click here to subscribe - / @codewithharry
Best Hindi Videos For Learning Programming:
►Learn Python In One Video - • Python Tutorial In Hin...
►Python Complete Course In Hindi - • Python Tutorials For A...
►C Language Complete Course In Hindi -
• C Language Tutorials I...
►JavaScript Complete Course In Hindi -
• JavaScript Tutorials I...
►Learn JavaScript in One Video - • JavaScript Tutorial
►Learn PHP In One Video - • Learn Php In One Video...
►Django Complete Course In Hindi -
• Python Django Tutorial...
►Machine Learning Using Python - • Machine Learning Tutor...
►Creating & Hosting A Website (Tech Blog) Using Python - • [Hindi] Web Developmen...
►Advanced Python Tutorials - • Intermediate/Advanced ...
►Object Oriented Programming In Python - • Object Oriented Progra...
►Python Data Science and Big Data Tutorials - • Python Data Science an...
Follow Me On Social Media
►Website (created using Flask) - www.codewithhar...
►Facebook - / codewithharry
►Instagram - / codewithharry
►Personal Facebook A/c - / geekyharis
Twitter - / haris_is_here
Comment "#HarryBhai" if you read this 😉😉
Maza aaya?
Make sure you access the playlist: ruclips.net/p/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt
React Router want Justice !!!
Aise he ignore kr diya 😅
Next videos kab aayengi?
Haa aaya maza
👍👍👍👍👍👍
harry bhai aap har baar ek baat khete ho ke router ko use karenge me ye puchna cahta hu ke agar router hi use nhi kiya to fayeda kya he react ko use karne ka ek router hi to reason he react use karne ka kyoki ye har chij ko load nhi karta or single page app banata he
Bhai aapka channel ek khajana ke jaisa h student ke liye ,bhut saare synchronised aur good quality courses woh bhi free 🔥🔥🔥 ,great work harry bhai.
Bilkul sahi bhai❤️
Hello broo..my deployment is not working..cn u help me to resolve it. .how
What deployment?
In this video bhai..jab git hub se deploy krte hain tb ka..
Jab link Or to me change krte hain n whi se
No words! Only these types of tutorial make youtube great! RUclips is not RUclips if these type of great person not lie in this platform.
Thank you harry for tutorials
I think this is the first project completing so soon 😁
Salute to your contribution
I am watching this tutorial after 5,6 months and I am using react router v6 and if I run the command npm run build it gives me statics files but it does not have any content when I open html file with chrome .. Please provide me solution
@@softboxmelody use import {
BrowserRouter,
Routes,
Route,
Link
} from "react-router-dom";
and
< Route path="/"
element={} />
Woah man! I was planning to learn git/github for so long. And I never knew this AH-MAZING course also included this! Thank You So Much! I am learning so much beyond my expectations all at one place and I know so many more cool things are yet to come. 🤩
i was surprised by this also
Harry bhai, coding ke duniya me aapka koi tod nahi hai. Heads off 🙏🙌🙌
Harry...you are the best❤❤❤ no words can describe how humble you are🙏
why am I not able to access the git hub page its asking me to upgrade! are you all facing the same problem?
Change the visibility of your Repository from private to public, then you'll get pages, make necessary changes, save and refresh the page, now you should get the link to host it.
my site has been successfully hosted on github pages even with routing
How ???
@@akhil_Khatrii New Version of React Router
Please tell how to host with routing, I need it badly.....
Nahi btyga koi bhi log matlbi ho gye hai bhsi
My page is blank bro... Routing is not working...can you help me please in anyway
I got error when I run npm run deploy
I would comment in every video till you don't reply. I am really thankful to you. I didn't have cs in 12th but learned programming c and CPP from your videos and still learning. Moreover, I got a confidence boost. Once again thank you for your efforts.
what are you doing now? (studies, work)
jinda ho to jawab do
@@Its-Boremon jawab
@@mohituniyal7 did u got a job ?
ab to 2nd year me honge. kya chal raha hai me to abhi 11th me hu
Bro mera sapna pura hoga sirf apke vajah se bro loveyou bro apko pata hai kya ki maine dekho apne bahot mehne pehle website kaise banaye vo bataya tha par uss vakt mujhe bahot saval the this you tube jaisi website kaise banaye apne uss vakt single page website banayi thi par apne multiple website banana sikhaya hai thank I will always support you
Waiting for the complete project including front end and backend with nodejs including user authentication and security.
user auth is not really needed in this app, but if you still want to, you can use firebase. Firebase's docs are very well made so it would be enough to read its docs.
@@krishgarg2806 I am not talking about this project. I say that another project video with react,and node js and including user authentication
@@suryaprakashchaudhary2685 ohh. Still you can use firebase with any javascript t project.
@@suryaprakashchaudhary2685 redux based🤩
learn passport local
Thanks for the great video..!!
The actual deploy starts from 9:42
Thank you so much Harry Sir.....life me first time koi si website banakar deploy ki h....bahut bahut dhanywad
I've completed the web development course made by you sir now im learning react from this playlist its been really fun learning from you sir ..Thank You for all the valuable lesson harry bhai.
the mistake that i made and wasted my time is the deployed repository should be public not private
I did the same mistake
Make a project with react+Django...
Yessss
Last time I learned HTML/CSS/JS from your channel .....is bar bhi lag raha he React seekh jaunga .
Harry sir is my best online learning tutor... Hit like who is following harry sir's tutorials 😊👇
Bhaiya maine python ka course dhek liya uske liye yaha par heart dedo you are best cs teacher.
❤
Bhut Maza Aya men pechele ek week se koshih ker raha tha 20 repo banai kuch na kuch error acha tha apki video dekhi hogyaaaaaa
Maza aya boht yummy first time in my life I deployed my website online ever this is really Wonderfull experience thank you so much sir from Pakistan
Amazing Content Harry Bhai ❤️ Need a video to host using Docker and how deployment is carried out in Real world projects with Nginx etc
I am trying to deploy a Nextjs application and the 'build' folder is not being created when I write 'npm run build'. Is there any solution?
Loved the video, man. Was just using react router today for the first time for my project and was having great trouble. Now I can get back to my project again.
Harry bhaiya .. Bht ache se smjh aa raha hai sb.. Maja hin aa gaya.. Ho ske toh next pe v video bna dijiyega
from this video learn something new .....thanks harry sir
Deployment is not working, till last step i did same but after npm run deploy error is coming.
You're a major reason why I'm where I'm.
Hats off to you Harry Bhai !
Harry Bhaiya this was a much required video from you. Mai bhot dino se github pe apni website host karne ka try krt hu pr har baar fail ho jata hu. I hope ye video dekh ke i'll be able to do this time
Github me react project show nahi ho raha ha
Sir thank you so so much for uploading a very knowledgeable video on youtube I really appreciate your efforts I am from Pakistan you are deserving of every respectable word, again lots of thanks.
This course is really helpful 👍
i am facing problem in deploying and adding a repository for my app...please help
feeling proud after deploying my first react app thanks harry bhai
You put your 1000% effort with pure heart ❤❤❤❤❤❤❤
Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option). my error
so your error solved? bcz i am getting the same error
@@Art_Scribe my error remain till now
@@ozge-yagizfan no it get solved by this command -
git remote add origin *repo_url*
Please teach how to link React with Django using API and all asynchronous communication.
i have already hosted so many apps using github pages.
it is awesome to showcase your projects for free.
i am facing an error when i run "npm run deploy" command can you please help me sir in deploying my react app to github pages?
@Farhad Rashid u found the solution yet?
Kindly include styling and layout configuration techniques in website for different types of devices such as mobile/pc etc .
Error: Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
I don't understand
please solve this
solve hua
Same
nice video!maza aya deploy karne me!!
Happy rakshabhandhan sir
This course is very helpful.
Thank u Harry bhai ❤️❤️❤️.
Thank you for your efforts bhaiya. 🔥🔥
I am very surprisingly that i maked a website and hosted it😊😊😊😊😊❤❤❤❤ THANK YOU SOO MUCH HARRY BHAI FOR YOU GIVING US KNOWLEDGE....I AM VERY GREATFUL THAT YOU ARE MY TEACHER ❤❤❤❤
For the algorithem. Altho i bought a course on udemy before this course started but i know harry bhai's the best. So im liking and commenting on every video for the algo.
We have to purchase upgrade in github pages for 48$
Same here
Make your repo public
I appreciate the effort you've put into deploying your site, showcasing your commitment to providing valuable resources to learners.
I checked out the site you've deployed for Reactjs, and I noticed an issue where if we leave the textbox empty and click on the 'Convert to uppercase' button or any other button, a success alert pops up. Could you guide me on how to fix this?
bahut maza aa riya hai...dil garden garden ho riya hai
bhai my build file shows 404 while I run build\intex.html how to resolve this
Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
Ye problem mujhe bhi aa rahi ye problem solve kaise karen #codewithharry
Solve hua tha yeh error
code with harry come with sundeep maheshwarii!!
it creates that type of error. Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
Bhai sahi ho gya ho ye issue to please bta do kaise hua ,mere me bhi aa rha hai
Hi please make all module function explain playlist please I really need it
favicon is not running brother in built after running npm built start and this is unanswered question on stack overflow also,
and deployment me bhi problem aa raha, can you make one fresh video again
I've fallen in luv with ur teaching ❤️
Maza hi nhi bohot maza aa rha iss course m❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️❤️
I want ur 💖
New website on demand "Blog website using django and react". This react course is very helpful.
I was stuck for long time but now its cleared...
#Maja aaya
Harry bhai I want to learn DSA but i don't have any prior knowledge of programming i was watching your DSA tutorials where you said that before learning DSA one should has good understanding of programming I'm stuck between your full course and one video course. Do please 🙏🙏🙏 let me know which one should i choose in order to continue with your DSA course after i complete that particular tutorial. Which tutorial is enough to go with DSA? Please answer my doubt as early as possible I'm so curious also anxious about it ( I'm not a CS student however i really want to learn programming please help me out reach me out as soon as possible).
I'd be waiting for your earliest reply 🥺🥺
Very Informative
for npm first do
1: change directory where u want to go like cd my-app
2:clear
3: npm start
Some more videos to cover react hooks please?
Hosting on vercel and firebase is better right???
I am trying to deploy the application but receiving the below error
Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
Is any one has faced this error? Please suggest
I also face this error
Harry Your react videos are just amazing. It is very very helpful for me.
Bro please add pre indexing of videos like lecture-1, 2, 3 so these are easy to find
Terminal is showing this error--> This is probably not a problem with npm. There is likely additional logging output above.
Harry bhai, aapse maine bht kuch seekha hai. But problem tb aati hai jb hmare clients humse admin panel aur dashboard with live tracking jaise features mangte h. Agr ap ek video me dashboard bnana bta do to hmare lie bht help ho jaegi
Brother app artificial intelligence and machine learning Vs Artificial intelligence and Data science engineering which is the best pls one video brother
Got this error - Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option).
Run this command in your app folder then try it will work:
git remote add origin
@@easylearning6647 can you please illaborate?
Mazaa gya harry bhai
Hey harry I have deployed the pages on git with router 6 and it's working , :)
did github asked you to upgrade your account and go for the one that charges money?
@@Shah-iu1bx no
@@gayatri_rathava i am in Canada and i i got that msg so i guess canadians have to pay for hosting
@Shahbaz khan Hey... I also get this msg but i am in India... 🥴
@@Shah-iu1bx bhai teri depository ko public kar hojayega solve
Replace Brouserrouter with Hashrouter and it will work
Navbar links : Home and About is not work.... If i touch about or home its show 404 error ... Any solution??
add # to href
I could not do this! Why is all this so complex dude? After running npm run deploy it gives me this error:
"Failed to get remote.origin.url (task must either be run in a git repository with a configured origin remote or must be configured with the "repo" option)."
Believe me, there is no spelling mistake ! Please help if you can🙏🙏
Same man
@@swasthikkumar5398 solution mila? same problem here
This react course is helpful. 💯
i have some error plz help me to solve it
@@luxurylifelivelikeaking8013 visit stack overflow
Jin logo ka error aa raha hain usa solution hain - - - - - >
For React NEW version - -
Just make "gh-pages" in the branch manually and select in the settings - pages - branch and thats it.
Present from IIMT College, greater Noida 🔥🔥🔥 date:- 09-09-21
Hii Bhaiya me aa gya apke video dekhne 😁
Harry bhaiya pls make a video on topic "How to become an ethical Hacker, what courses do we need and which programming language we should learn and what to do after 12th to become Ethical Hacker. My dream is to become a Ethical Hacker. So pls guide me. Pls pls 🙏🙏 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
Thanks a lot for this exciting lecture.
Dil se thank you Harry bhai !!
Bohut Mazaa Aaya, Thank you so much Harry Bhaiyya
Happy teacher's day harry sir ❣️
Op course sb join kro🎉
At my end, routes working fine with github pages.
Github page shows only master branch not gh-pages
How to solve it
Same problem how you fix it bro
Same problem occurred how you fix it
Harry Bhai React Course is awesome....Please provide Loopback Course Also.
EAST OR WEST HARRY BHAIYA IS BESTT
waah harry bhai maza aa gaya free mein hosting 😁😁
Harry bhai please make the exercise solution video
Thank-you so much Harry Bhai
Harry bhai ,
Github me pages wale option me jate hi vo upgrade krne ka option aa rha he....
How can we solve it brother???
kuch pata chala bro mera bhi same aa raha
I am really enjoying this react course
we want your setup tour in your language 1 to 100
Thank Your So Much For this value harry Sir but I am watching this tutorial after 5,6 months and I am using react router v6 and if I run the command npm run build it gives me statics files but it does not have any content when I open html file with chrome .. Please provide me solution
Direct open with live server
Site me bug hai , jab dark mode (toggle button) frequently 5 , 6 baar press kar do then fir "Convert to upperpage " or something pe click kro
that happens may be because showalert function called to frequently and because to settimeout, rythm gets unmatch.
any solution.
use setInterval instead of setTimeout
Bhai next time flutter tutorial karoge pls?
Sir plz make this website to responsive and make tutorial on react+db...
Great series of react ⚡