- 14
- 253 766
Git Unemployed
India
Приєднався 1 лют 2023
Get ready to turbocharge your coding journey! From web development to cutting-edge tech and beyond, our dynamic videos are your ticket to unlocking new skills and unleashing your creativity. Have questions or craving inspiration? Reach out anytime, and let's embark on an exhilarating adventure through the ever-evolving world of coding and technology!
How to Use Cookies in React | React / NextJS Tutorial
Learn how to manage cookies in your React applications using the react-cookie library. In this step-by-step tutorial, we'll create a simple login form using Vite and TypeScript and demonstrate how to set, retrieve, and remove cookies. Perfect for developers looking to implement user sessions or store data securely in cookies in their React projects.
Helpful Links:
react-cookie Documentation: www.npmjs.com/package/react-cookie
Source code: github.com/gitUnemployed/react-cookies.git
#ReactCookies #TypeScript #ReactJS #CookiesInReact #FrontendDevelopment #WebDevelopment"
Please let me know in the comment section if you need any help.
or you can ping me through LinkedIn
linkedin.com/in/muhazahmed
Thank you.
Helpful Links:
react-cookie Documentation: www.npmjs.com/package/react-cookie
Source code: github.com/gitUnemployed/react-cookies.git
#ReactCookies #TypeScript #ReactJS #CookiesInReact #FrontendDevelopment #WebDevelopment"
Please let me know in the comment section if you need any help.
or you can ping me through LinkedIn
linkedin.com/in/muhazahmed
Thank you.
Переглядів: 121
Відео
How to Deploy and Run a React App in Docker | React Docker Tutorial
Переглядів 93Місяць тому
In this video, I walk you through the entire process of deploying and running a React application inside a Docker container. We start by installing Docker, creating a React app using Vite, and then Dockerizing the app for easy deployment. You'll learn how to write a Dockerfile, build a Docker image, and run your React app using Docker. Whether you're new to Docker or React, this step-by-step gu...
React Custom Popup Modal, without any packages.
Переглядів 82Рік тому
#React #mern In this video, I have demonstrated, how to implement a custom popup modal without any external packages. Source Code: gitunemployed.netlify.app/user/content/custom-modal Please let me know in the comment section if you need any help. or you can ping me through LinkedIn: linkedin.com/in/muhazahmed Thank you.
How to deploy MERN project (NodeJS, React) using render and netlify. PART 2.
Переглядів 8 тис.Рік тому
#MERN #deploy #web This is part 2 explanation of, how to deploy the MERN stack project using render and netlify for free. PART 1: ua-cam.com/video/AjaGmTVBIfI/v-deo.htmlsi=ncjVvBD8tGPLhfpR Download web.config file from here: drive.google.com/uc?export=download&id=1R4sJzzM-rp6Gu220UbPL0nCCu4bQ9zZz OR drive.google.com/uc?export=download&id=1bRhdNKf35v3lWJ_4bfB1qXPfXnQMaxMp If you have any questio...
React 404 Page Not Found design.
Переглядів 1,2 тис.Рік тому
#React #404 #css All the images and designs can be found here👇 Source Code: gitunemployed.netlify.app/user/content/page-not-found (only desktop) Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
How to implement Protective Route in React. Redirect users to login page if not logged-in.
Переглядів 3,8 тис.Рік тому
#React #ProtectiveRoute #MERN In This video, I have explained how to implement a protective route. where in a case when a user tries to jump into the dashboard or any page without login, the user will be redirected to the login page immediately. Source Code: shorturl.at/fmqN3 Please let me know in the comment section if you need help. or you can ping me through LinkedIn linkedin.com/in/muhazahm...
How to structure a folders of MERN project (Advanced).
Переглядів 3,8 тис.Рік тому
#React #MERN #structurt In this video, you will understand the advanced level folder structuring of a react project from the basic guidance. Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Don't forget to follow me on Instagram: muhaz_ahmd Thank you.
Which is faster, create react app Vs Vite.
Переглядів 151Рік тому
#react #vite In this video, you will see how fast it is vite to use react over create-react-app. create-react-app cd create vite@latest. Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
What is Dotenv (.env). MERN project tool.
Переглядів 635Рік тому
#dotenv #js #mernstack Hi, In today's video i have explained what is dotenv and use case of it. If you find this video helpful give a like and dont forget to subscribe the channel. Npm link: www.npmjs.com/package/dotenv Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
Deploy your project on GitHub for free. HTML/CSS/JS project. Static website.
Переглядів 128 тис.Рік тому
#github #static In this tutorial, you will understand how to deploy the static website on GitHub for free. If you find this video helpful, don't forget to like the video. Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
JavaScript Interview Questions. Part 1. Most asked JS interview questions with examples.
Переглядів 115Рік тому
These are the few most frequently asked javaScript interview questions which you must know. You can access the full JavaScript series playlist here : ua-cam.com/play/PL2NTzLlI9Sieo6OVqSzwLG2lgQkjQcUBj.html Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
Shallow copy and Deep copy made easy in JavaScript. Advanced concepts.
Переглядів 127Рік тому
In this tutorial, you will understand the concepts of a shallow and deep copy. To understand this topic in a better way, please practice from your side also. If you have any doubts, let me know in the comment or you can just ping me through LinkedIn : linkedin.com/in/muhazahmed Thank you.
(*Outdated) ChatGPT in VS Code. One Extension for all your codes.
Переглядів 2,9 тис.Рік тому
#vscode #chatgpt This is the vs code extension for chatgpt. Take your website to next level by using an AI-powered system. Open Api: platform.openai.com/overview Please let me know in the comment section if you need any kind of help. or you can just ping me through LinkedIn linkedin.com/in/muhazahmed Thank you.
How to deploy MERN project (NodeJS, React) using render and netlify. PART 1.
Переглядів 106 тис.Рік тому
Hey there, This briefly explains how to deploy the MERN stack project using render and netlify for free. part 2: ua-cam.com/video/THmkKw1vZ-w/v-deo.htmlsi=kkHiH0xXqB3-R-RB If you have any questions about this, let me know in the comment section. And don't forget to subscribe to the channel. Thank you.
Good lesson 👏
Thanks much needed one
Glad I could help
It is not showing evaluated environment url what can I do
My processing in not stop I am not able to deploy my file
You check the logs where and why exactly the build failed
Thank you so much sir
its stilll not working :(( when i click "visit site on the pages section in github" it opens only the title of the repository "myprivweb" not the html content i uploaded, the file i used are 100% html
How can I access the git repository for this?
github.com/muhazAhmed/teamsync-pro You can refer to this
mine is still not working yet
Thank you bro, you are the one helped me to deploy my first js project in few steps thank you. Hats off
it doesn't work on mac os
@@jo69123 The deployment process shown in the video should work on all operating systems, including macOS. If you're encountering issues, please make sure that Git and Node.js are properly installed on your system. Feel free to share any specific errors you're seeing, and I'll do my best to help!
Sound Quality improve kar bhai...sunai hi nhi de raha kya bol raha
@@shaankhaan1686 sure👍
thank you so much for explanation
After deploying iam unable to see the website url
@@Sai-ey5ur in repository settings page, you can find that
@@gitunemployed yes I got
Will the website url updates automatically when new code is pushed
@@Sai-ey5ur nope. It's always the same
Worst video ever saw! not beginner friendly! Half knowledge is a dangerous thing!
@@Skubidi-qy8hb thank you for your opinion. I'll try my best next time.
thank u so much
Helpful! Thank You!
really great video, thanks!
great work
please solve my problem cookies not get on backend please solve my problem
Bro ur video is a saviour ❤️ keep Posting such amazing tutorials.
best tutorial ever
I have deployed both backend and frontend in render but it fetches data slowly and its annoying..can u suggest how to make the performance better
thanks sir ...because of u only I hv created my first full-stack project
But my pictures are not looking in my website but why?
Thank you brother
hello im using react-vite i did what u did on frontend but it didnt work is there something i need to change ??
Please take a time watch part 2. I have mentioned some common errors faced in this video. If you still have any questions, let me know
repository-name/ ├── project1/ │ ├── index.html │ ├── style.css │ └── script.js ├── project2/ │ ├── index.html │ ├── style.css │ └── script.js └──... I have created 50 minor projects and I am trying a lot to deploy them but I am not able to do so and I mention the folder structure in the top. Please help 01 - How to deploy all repository folders at once 02 - How to do it one by one with Git and GitHub Thank You 😊
Try using branches, so you can deploy the particular one according to ur need
Thanks to the core for the easiest explanation🙌❤
Thank you so much ❤❤❤❤❤❤❤ I had so many problems with it you made my day brother 🫂🎉🎉❤ Love you 😘 Thanks a lot dear 💕 You deserve many subscribers and likes
Thank you man, your video was the only one I found that really worked. Well done.
Beautifully done my brother
Thank you so much Bro, it was a very clear explanation.
i am getting a problem html working but not css and my css href link ok with not spelling mistake i check this already i don't know what to do but my css name is yart is this ok
That's shouldn't be a problem, but anyways try
@@gitunemployed i got it but i got solution also i upload a folder with css file and got to html and just change it addres and it work Previous address also good but not working lol dont know why
Thank you Bro. I just saved your video on my playlist for future use.
sorry i didnt understand how you conected the api backend with netlify ???
Please watch part 2. I had forgotten to mention this point in the first video.
Class constructer error errorhandler cannot involved without new
Very very helpfull, Thank you so much ❤
thanks man that helps
Hi! I have deployed the front and backend in Render! Thank you! My app works well in the localhost but in the deployment I cannot get the user after logging with gmail...I am not working with websocket but I realized I got websocket failed I do not know if that is relevant. What am I doing wrong? thank you
main.jsx:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. /vite.svg:1 Failed to load resource: the server responded with a status of 404 () getting this error for client side in netlify please help i have used react+vite
Hi, I cannot see a list of my deployments. When I go to the dashboard i see cards with different options to deploy but I cannot see my overview any longer...what I am doing wrong?
Try creating a organisation and deploy inside that
Hi! My MERN project has only 1 Github repo with 2 folders: Client and Server. May I deploy the backend and frontend only using Netlify? How? Why did you use Onrender (backend) and Netlify(frontend) instead of only using one of them for both back and front-end?
No, you can't deploy your server side in netlify. Netlify supports only client side rendering. Or you can deploy both you client and server on render itself if you don't want to shift between platforms.
@@gitunemployed Thank you so much. I was 4 days trying to deploy both back/frontend in Netlify, now I understand everything and my site is correctly deployed. God bless you for your talent and for you to be successful in all what you do because you help others to improve. 🙂👍👍
I dont know my css file is not loading
You check in GitHub console for the error. There might be a 404 error
Osm
worked thanks
my sitte has been deployed successfully but as i preview page not found coming ? what should i do please help
Inspect your page. Still if you couldn't figrout, DM me through LinkedIn
Oh my god. Thank you so much. I am having trouble with github only reading README file. Now Its solved following your step thank you.
how you make vs code transparent
It's a extension
Thanks a lot for this. it really helped
bro make a video deploying a site with cookies
Sure