Git Unemployed
Git Unemployed
  • 14
  • 253 766
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.
Переглядів: 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.

КОМЕНТАРІ

  • @nayanbarman184
    @nayanbarman184 2 дні тому

    Good lesson 👏

  • @Rohit-bm9si
    @Rohit-bm9si 4 дні тому

    Thanks much needed one

  • @abhijnasharma2964
    @abhijnasharma2964 13 днів тому

    It is not showing evaluated environment url what can I do

  • @saberakhatun2668
    @saberakhatun2668 15 днів тому

    My processing in not stop I am not able to deploy my file

    • @gitunemployed
      @gitunemployed 14 днів тому

      You check the logs where and why exactly the build failed

  • @ddsview4884
    @ddsview4884 17 днів тому

    Thank you so much sir

  • @the_name_is_Phantom_
    @the_name_is_Phantom_ 17 днів тому

    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

  • @mineturtle12321
    @mineturtle12321 Місяць тому

    How can I access the git repository for this?

    • @gitunemployed
      @gitunemployed Місяць тому

      github.com/muhazAhmed/teamsync-pro You can refer to this

  • @prajwalwalde4489
    @prajwalwalde4489 Місяць тому

    mine is still not working yet

  • @target500milliontradersinv5
    @target500milliontradersinv5 Місяць тому

    Thank you bro, you are the one helped me to deploy my first js project in few steps thank you. Hats off

  • @jo69123
    @jo69123 2 місяці тому

    it doesn't work on mac os

    • @gitunemployed
      @gitunemployed 2 місяці тому

      @@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!

  • @shaankhaan1686
    @shaankhaan1686 2 місяці тому

    Sound Quality improve kar bhai...sunai hi nhi de raha kya bol raha

  • @amit_2428-b8c
    @amit_2428-b8c 3 місяці тому

    thank you so much for explanation

  • @Sai-ey5ur
    @Sai-ey5ur 3 місяці тому

    After deploying iam unable to see the website url

    • @gitunemployed
      @gitunemployed 3 місяці тому

      @@Sai-ey5ur in repository settings page, you can find that

    • @Sai-ey5ur
      @Sai-ey5ur 3 місяці тому

      @@gitunemployed yes I got

    • @Sai-ey5ur
      @Sai-ey5ur 3 місяці тому

      Will the website url updates automatically when new code is pushed

    • @gitunemployed
      @gitunemployed 3 місяці тому

      @@Sai-ey5ur nope. It's always the same

  • @Skubidi-qy8hb
    @Skubidi-qy8hb 3 місяці тому

    Worst video ever saw! not beginner friendly! Half knowledge is a dangerous thing!

    • @gitunemployed
      @gitunemployed 3 місяці тому

      @@Skubidi-qy8hb thank you for your opinion. I'll try my best next time.

  • @Kira-fj8el
    @Kira-fj8el 3 місяці тому

    thank u so much

  • @MuhammadAbuBakar-o7e
    @MuhammadAbuBakar-o7e 3 місяці тому

    Helpful! Thank You!

  • @griffin8225
    @griffin8225 3 місяці тому

    really great video, thanks!

  • @socialspot5045
    @socialspot5045 3 місяці тому

    great work

  • @alamsheransari8625
    @alamsheransari8625 3 місяці тому

    please solve my problem cookies not get on backend please solve my problem

  • @monalisachoudhury8008
    @monalisachoudhury8008 3 місяці тому

    Bro ur video is a saviour ❤️ keep Posting such amazing tutorials.

  • @focus_seeker
    @focus_seeker 4 місяці тому

    best tutorial ever

  • @tanmays4209
    @tanmays4209 4 місяці тому

    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

  • @SandeepKumar-tp8lz
    @SandeepKumar-tp8lz 4 місяці тому

    thanks sir ...because of u only I hv created my first full-stack project

  • @MuhammadTayyabKhan-j1l
    @MuhammadTayyabKhan-j1l 4 місяці тому

    But my pictures are not looking in my website but why?

  • @thulanimthembu1164
    @thulanimthembu1164 4 місяці тому

    Thank you brother

  • @abbderahmen9981
    @abbderahmen9981 4 місяці тому

    hello im using react-vite i did what u did on frontend but it didnt work is there something i need to change ??

    • @gitunemployed
      @gitunemployed 4 місяці тому

      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

  • @ProgrammersEyes
    @ProgrammersEyes 4 місяці тому

    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 😊

    • @gitunemployed
      @gitunemployed 4 місяці тому

      Try using branches, so you can deploy the particular one according to ur need

  • @ArunKumar-bq7oo
    @ArunKumar-bq7oo 4 місяці тому

    Thanks to the core for the easiest explanation🙌❤

  • @muhammad_zohaib936
    @muhammad_zohaib936 5 місяців тому

    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

  • @devnomadJS
    @devnomadJS 5 місяців тому

    Thank you man, your video was the only one I found that really worked. Well done.

  • @OnePiece_Fandom
    @OnePiece_Fandom 5 місяців тому

    Beautifully done my brother

  • @ivanstankovic7241
    @ivanstankovic7241 5 місяців тому

    Thank you so much Bro, it was a very clear explanation.

  • @bharat6214
    @bharat6214 5 місяців тому

    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

    • @gitunemployed
      @gitunemployed 5 місяців тому

      That's shouldn't be a problem, but anyways try

    • @bharat6214
      @bharat6214 5 місяців тому

      @@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

  • @LuseBiswas
    @LuseBiswas 5 місяців тому

    Thank you Bro. I just saved your video on my playlist for future use.

  • @ricardo3763
    @ricardo3763 5 місяців тому

    sorry i didnt understand how you conected the api backend with netlify ???

    • @gitunemployed
      @gitunemployed 5 місяців тому

      Please watch part 2. I had forgotten to mention this point in the first video.

  • @AmitSingh-yn1gh
    @AmitSingh-yn1gh 5 місяців тому

    Class constructer error errorhandler cannot involved without new

  • @ashwinijaiswal6890
    @ashwinijaiswal6890 5 місяців тому

    Very very helpfull, Thank you so much ❤

  • @micro_Dots
    @micro_Dots 5 місяців тому

    thanks man that helps

  • @fullstack-user-api
    @fullstack-user-api 5 місяців тому

    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

  • @monkey.dluffy4516
    @monkey.dluffy4516 5 місяців тому

    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

  • @fullstack-user-api
    @fullstack-user-api 5 місяців тому

    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?

    • @gitunemployed
      @gitunemployed 5 місяців тому

      Try creating a organisation and deploy inside that

  • @full-stack-user
    @full-stack-user 6 місяців тому

    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?

    • @gitunemployed
      @gitunemployed 6 місяців тому

      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.

    • @full-stack-user
      @full-stack-user 6 місяців тому

      ​@@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. 🙂👍👍

  • @ArvindkumarATCS
    @ArvindkumarATCS 6 місяців тому

    I dont know my css file is not loading

    • @gitunemployed
      @gitunemployed 6 місяців тому

      You check in GitHub console for the error. There might be a 404 error

  • @gmanikanta6788
    @gmanikanta6788 6 місяців тому

    Osm

  • @Arsobar
    @Arsobar 6 місяців тому

    worked thanks

  • @maheshkumarkasturi1203
    @maheshkumarkasturi1203 6 місяців тому

    my sitte has been deployed successfully but as i preview page not found coming ? what should i do please help

    • @gitunemployed
      @gitunemployed 6 місяців тому

      Inspect your page. Still if you couldn't figrout, DM me through LinkedIn

  • @saikyalsintun
    @saikyalsintun 7 місяців тому

    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.

  • @raaedshehata
    @raaedshehata 7 місяців тому

    how you make vs code transparent

  • @adachukwupreciousokafor8724
    @adachukwupreciousokafor8724 7 місяців тому

    Thanks a lot for this. it really helped

  • @ranjitdevadiga6880
    @ranjitdevadiga6880 7 місяців тому

    bro make a video deploying a site with cookies