[Backend Project 🚀] Realtime Device track | Map with node.js express and socket.io | Maps | Leaflet

Поділитися
Вставка
  • Опубліковано 29 гру 2024

КОМЕНТАРІ • 466

  • @AdarshPandey-i1v1w
    @AdarshPandey-i1v1w 5 місяців тому +56

    You're dangerous, you kill every concept so easily.....

  • @nisargpatel3920
    @nisargpatel3920 2 місяці тому +6

    It was an amazing project. I personally loved the idea of teaching this typed of backend projects, keep going on brother we want such more projects on backend.

  • @AbdulManan-yx6yv
    @AbdulManan-yx6yv 5 місяців тому +41

    I detect a something, you suddenly skip a error didn't show the audience,
    app.set you are using 18:33, suuddenly it turn into app.use 19:26,
    I know we have to use app.use but still don't hide these error and skips parts,

  • @cloroPlayz
    @cloroPlayz 2 місяці тому +9

    okk so for those who are thinking how to connect through a mobile
    step 1 : Go to the terminal and select port and select forward a port then put your port number ( for eg in this video the port is 3000 ) .
    step 2: after putting it then forward your port number and initially the link will be private you have to change it to public to run in your mobile.
    step 3: forward the link , and open it , it will work.

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

    i really like it ...this is something different and the way u og explaing Awsome .....
    this type of project gives u confidence after adding this project in your cv....

  • @laughternights
    @laughternights 2 місяці тому +3

    Best video on web sockets node js project

  • @NiteshKumar-ru2dl
    @NiteshKumar-ru2dl 5 місяців тому +21

    SheryiansCodingSchool played a great role in improving my logic building and introducing me to new technologies ❤

    • @HarshSulakhe-sh3vf
      @HarshSulakhe-sh3vf 5 місяців тому

      hey bro , i did the same project , but how is he connecting it to the mobile , is it bluetooth or own router or any app , and my multiple marker facility is not working , which app is he using for other devices

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

      ​@@HarshSulakhe-sh3vf He had uploaded it.
      Vercel,Render.

  • @ithubnp
    @ithubnp 5 місяців тому +1

    Thank you to sheryians coding school. i made it completely with understanding ❤❤❤❤❤❤❤❤❤❤❤❤

  • @mjawale12345
    @mjawale12345 5 місяців тому +58

    Sheriyans School ( Modern Teaching ) + Chai code ( Production Grade) = Boost for future Developers.

    • @alimaaz_drdz
      @alimaaz_drdz 5 місяців тому +3

      + Code with harry 🗿

    • @kunalsarpal7564
      @kunalsarpal7564 5 місяців тому +1

      🤔

    • @lakhangarg5602
      @lakhangarg5602 5 місяців тому +1

      @@alimaaz_drdz for beginners

    • @Meow-fx1ws
      @Meow-fx1ws 5 місяців тому +5

      ​@@alimaaz_drdz+ Code with Harry (The Backbone of many developer)

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

    harsh sir the best tutor who explain every concept very easily. thankyou harsh sir for such amazing content.😚🥰

  • @suryanshsharma2239
    @suryanshsharma2239 5 місяців тому +2

    Bhaiya love you yrr tum sach me saamne hotr to puchchi le leta aapki kya content h yrr aapka hrr video dekhta hu aapki bus ek like dedo to accha lagega or ese hi videos banate rhiyega kbhi bnd mat krna we all are with you love you bhaiya

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

    Bhai ikdam khatarnaak video no one can beat sheriyans coding school ❤

  • @Adarshpandey2307
    @Adarshpandey2307 5 місяців тому +1

    I really needed it from past week and you made a video ❤ zabardast

  • @HarshKumar-ff1se
    @HarshKumar-ff1se 5 місяців тому +1

    harsh bhaiya bahot bahot shurkriya.❤❤❤❤❤❤😊😊😊😊...bahot maja aaya ye bana kr..
    aur projects chahiye bhaiya ache wale🤗🤗🤗🤗🤗🤗

    • @Nishant89-i2z
      @Nishant89-i2z 5 місяців тому

      project ban gaya hain to ek error hain mime type ka script.js file ka link and style.css ka

  • @wintorez6649
    @wintorez6649 5 місяців тому +15

    Ye hota ha good content 💪🔥nice video sir

    • @sonumondal9952
      @sonumondal9952 5 місяців тому +1

      heavy coach ❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @jyotish.k.jha02
    @jyotish.k.jha02 5 місяців тому

    Really great project evolving node js through practical real life problems

  • @Sneakingmentor
    @Sneakingmentor 5 місяців тому +87

    Agar ye channel nahi hota toh maine kab ki coding Quit kardi Hoti. Yaha jab bhi aata hoon motivate ho jaata hu. I wish mai bhi offline padh pata.

  • @devotionallables
    @devotionallables 5 місяців тому +4

    bhai sahab kasam se mja aa gya bhaiya

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

      have you cloned it??? I am having problem can you help

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

      ​​@@GarvittSingla something related to browser? I am also facing issues.

  • @vikassoni7882
    @vikassoni7882 5 місяців тому +30

    My god!!!! a big question for me which always interested me,
    I researched a lot on this topic but couldn't use leaflet and get results as you did.
    Kudos🎉 to you harsh bhaiya

    • @harshranjan6045
      @harshranjan6045 5 місяців тому +2

      bhai yaar mera error aaraha hain sabkuch same likhne ke baad bhi ek baar code share karsakte ho agr tumne banaya ho toh

    • @AagamShah-w5e
      @AagamShah-w5e 4 місяці тому +1

      @@harshranjan6045 bhai same errors aa rha hai , can you send me the code?

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

      @@AagamShah-w5e hello , did your errors get solved?
      leaflet-search.min.js:17 Uncaught Leaflet must be loaded first
      script.js:4 hey
      script.js:26 Uncaught ReferenceError: L is not defined
      at script.js:26:1
      
      i am getting this error

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

      @@harshranjan6045 hello did your error get solved
      leaflet-search.min.js:17 Uncaught Leaflet must be loaded first
      script.js:4 hey
      script.js:26 Uncaught ReferenceError: L is not defined
      at script.js:26:1
      
      i am getting this error

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

      @@nature38753 no bro

  • @i1JayChaudhary
    @i1JayChaudhary 3 місяці тому +1

    Sirji nila nila was just a drop into mind, sab kuch aaya par kidhar? in the sea 😀... Zoom-In na kiya hota to to gaye kaam se...

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

    harsh sir your content is the best in the market
    🥰

  • @vivekdodiya1554
    @vivekdodiya1554 5 місяців тому +2

    mujhe aapki channel se kafi kuch sikhne ko mila he

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

    Love you sheriyans 🎉🎉🎉❤

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

    SHERIYANS ON TOP 🔥❤️

  • @riddhi_edits
    @riddhi_edits 5 місяців тому +3

    Thank u sir abhi me project bana rhi hoon iski mujhe bht jyada jaroorat hai

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

      M help kr sakta hu lekin apko chahiye kis chiz k liye ye project?

  • @AdityaSaha-zn5tv
    @AdityaSaha-zn5tv 2 місяці тому

    🎉🎉Bhai DRF channel is the best choice for socket programing.... Enterprise me wohi use hata he. 🎉🎉

  • @yadwindermehra2588
    @yadwindermehra2588 5 місяців тому +7

    That's the sheriyans, everytime comes with something new.

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

    Learned something cool!
    Thanks bhai..

  • @suvojitmodak3285
    @suvojitmodak3285 5 місяців тому +4

    Really Help me with your backend videos.. and this realtime mapping super cool ❤❤
    No one beat your close to this type of videos

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

    insane channel i've ever seen!!!

  • @janmejayjain
    @janmejayjain 5 місяців тому +1

    Majedaar project ❤️❤️

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

    Mind blowing yaar ❤

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

    Would be nice to have it all in english, or may be doble language, with subs in english for example. Nice work! and include how to deploy, may be on vercel or something like that.

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

    Really liked👍👍 your tutorial of realtime tracking using node.js in backend, hope it would be a great help for others trying to building something like this, because when i was trying to bulid a uber/ola clone I couldn't find any tutorial like this. than, I had to use Firebase for Realtime Cab tracking App

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

    amazing video i made same project for minor project 6 month ago amazing explaination

  • @bibekedits1234
    @bibekedits1234 5 місяців тому +1

    Love from NEPAL 🔥

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

    Bhaiya I'm big fan of you yrr, aap best ho Harsh Bhaiya

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

    Pata nhi itna hi easy tha ya phir bhaiya ne bana diya.❤

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

    Sheriyans never disappoint us❤

  • @farzanabashir-n2u
    @farzanabashir-n2u 2 місяці тому

    Amazing Explanation Sir

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

    great bhaiya
    aise hi mast mast project late raho

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

    This is New and very good content... Very very thank you sir....❤❤❤❤❤.
    Please Please make video of those projects which students want to build but content are not available...
    You are our hope sir....
    ❤❤❤❤❤❤❤❤

  • @PALLAVJHA-o9p
    @PALLAVJHA-o9p Місяць тому

    At 25:05 , in my brave browser no map is getting rendered, what to do?

  • @shantanuchavan1223
    @shantanuchavan1223 5 місяців тому +6

    highly underrated! 💥

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

    very excited bro 👊

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

    Energy level: over 10000 😎

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

    Wow sir it's amazing ❤❤❤❤

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

    Oh shit! You are from Bhopal. Me too.

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

    thanks brother for this awesome video tutorial

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

    Paji tusi great ho ❤️😻

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

    hey good to see innovative project, I am planning a real world free to use application, let me work out how it will be get implemented. But for sure we will keep it free for all user that my word, also mentioned your inspiration. Need to work out server network bandwidth let see. Good work keep it up. 👍

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

    This is best ever explanation I have ever seen on this topic. Sir can you please tell me How to deploy this application?

  • @KapilMaan-vw9sd
    @KapilMaan-vw9sd 5 місяців тому

    thank you bhaiya for this crazy video

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

    Very nice video and detailed explanation. Create a full project like uber or swiggy and use this project.

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

    Please make a project of a full stack so that we can understand how a project to be build and make it operational.

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

    app.use(express.static("public")) insted of app.set(express.static(__dirname + "/public"))

  • @sakshikumari3620
    @sakshikumari3620 5 місяців тому +2

    Waiting for -
    LEARN WHAT MATTERS - THREE JS ❤❤❤

  • @divyam-hx3ie
    @divyam-hx3ie 5 місяців тому

    legends would see this and be like "HELL YEAHH"

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

    Welldone Sir love You from Pakistan

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

    Good job 👌| good explanation. | So pls take once class one node js with type script

  • @NIGHTSHADE123
    @NIGHTSHADE123 5 місяців тому +9

    I am currently at mini project 1 video , there if i am using const express = require(''express') its showing some error that we cannot use require , but its working if i change the extension from .js to .cjs , why its show ?

    • @bgspradeep
      @bgspradeep 5 місяців тому +1

      Use import statement na

    • @GoogleSoftwareEnginear
      @GoogleSoftwareEnginear 5 місяців тому +2

      Bhai import module syntax try kro express me

    • @Venomcoin
      @Venomcoin 5 місяців тому +1

      Same ❤😂

    • @maskedcoder2005
      @maskedcoder2005 5 місяців тому +1

      cjs ka matlab comon module type js jo ki modern method ha node ko reinstall karke try karo
      agar fir bhi kam na kare to import statement use kar sakte ho

    • @feedback1819
      @feedback1819 5 місяців тому +2

      I think you have configured your backend js type to modulejs. If is then use import ...... from '......... '

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

    welldone make more projects like this

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

    Amazing project 🎉

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

    Bhaiya Next js pe ek short introduction video banao na. just for understanding what was the purpose of next js. I’m already work with mern stack, but i have to know about the next js

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

    It's amazing ❤

  • @UjjwalAgrawal-i9f
    @UjjwalAgrawal-i9f 5 місяців тому

    Bhaiya ek Server deployment pr bhi please ek video

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

    Awesome Sir ji

  • @CodeRocks-z6g
    @CodeRocks-z6g 5 місяців тому

    thanks bhaiya for such a good content

  • @DeveloperArhamAli
    @DeveloperArhamAli 5 місяців тому +1

    excellent sir

  • @chinmayanand896
    @chinmayanand896 5 місяців тому +1

    How many concurrent users can be handled with above code / project? I am asking about scaling it

  • @uzairlegend5331
    @uzairlegend5331 5 місяців тому +1

    sir best ha but sir nodemon ko bhi install kar data kyu ka new students ko muskil ho gi ka sir nodemon ko terminal pa kyu likh rha haan kyu ka vedio ma show nahi hua tha

  • @deepsinha1095
    @deepsinha1095 5 місяців тому +1

    I really appreciate the hard work u are doing bhaiya , and this project was also so good but for some reason i am not getting two markers when i open new tap and the geolocation is also not exact it will be really helpful if u can help me out with this thankyou lots of love.

  • @arushidhigurvar1459
    @arushidhigurvar1459 5 місяців тому +1

    Thankyou so much sir ❤❤

  • @Oppo-yk5fy
    @Oppo-yk5fy 5 місяців тому +1

    Thanks for uploading

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

    awesome one

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

    ROMEO 🔥🔥

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

    Naais bhai😂❤

  • @l4-mdatharansari521
    @l4-mdatharansari521 5 місяців тому

    " Why aren't you using Next.js? As far as I know, Next.js is superior to React, and since you've taught React in your 'Back-end Course', why not consider Next.js? "
    By the way, your work in the UA-cam community is fantastic! Thank you so much for the amazing videos.

  • @sagar7929
    @sagar7929 5 місяців тому +3

    Thank you sir
    when i open the map with 2 tabs and cant see two markers as shown only one markers, can you please let me know, what will be issue and how we can solve?

    • @hanz.code01
      @hanz.code01 5 місяців тому +1

      same problem

    • @nitishakaushik4917
      @nitishakaushik4917 5 місяців тому +2

      same issue and its not referring to exact geolocation

    • @deepsinha1095
      @deepsinha1095 5 місяців тому +1

      @@nitishakaushik4917 did u got any solution about the problem i am getting the same problem

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

    2 questions:
    1- what extension you're using that vs recommends the code ? Or yeh aese hi hota hai in macOS ?
    2- how "touch works ? At my machine it shows error(windows).
    Or do you know any other alternative for creating file from terminal.
    I used some trick but that adds a hidden character at the beginning and files don't run.😢

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

      1. extension is github copilot
      2. touch is used in linux for windows write this "type nul > "your file name "

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

    Ye Kya he 😤 🎉 mst he bhai ab to job pakee

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

    This project is good real time tracker

  • @manjunathsaloki3927
    @manjunathsaloki3927 5 місяців тому +2

    Bhai ji ek MERN full stack project padao na from scratch please ......

  • @escanor-t5g
    @escanor-t5g 5 місяців тому

    great content nice video sir

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

    Eagerly waiting for that

  • @lakhangarg5602
    @lakhangarg5602 5 місяців тому +1

    bhai,wo jo location access ke liye puchta hai browser,wo sirf navigator.geolocation ki wajah se puchta hai

  • @RAGHURAJPRATAPSINGH-qf3zx
    @RAGHURAJPRATAPSINGH-qf3zx 5 місяців тому +1

    Agar mujhe apne ghar ke 5km range me saare hospital/park/school ya koi special place dekhna h to mai kaise dekhunga ??????????????????

  • @jayeshnangare4031
    @jayeshnangare4031 5 місяців тому +2

    Hii sir, thank you for the video i completed entire project however my markers are overlapping because of same location unlike yours. can you help me solve this issue i tried myself but it didn't work ??

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

    i like this, i would love it if you could give an english version

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

    Pretty interesting maximum utubers have multi monitor setup and already written code is on 2nd monitor😮

  • @MUHAMMADRIZWAN-u8u
    @MUHAMMADRIZWAN-u8u 5 місяців тому +3

    Sir Es sy hm kisi dosry ki location kasy deduct kr skty hai
    I think it's useless

  • @riteshsharma4229
    @riteshsharma4229 20 днів тому

    bhaiya we can also use google-maps-react-api for frontend insted leaflet

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

    Sir ap loog bht acha parhata hain
    Sir aik Question ha K Aj k door ma laravel karna kasa ha
    kia ap prefer krain ga
    kia ap krwata hain ?}

  • @Cricket_Stories86
    @Cricket_Stories86 5 місяців тому +3

    Man with has word 🗿

  • @MohitKumar-n6i6c
    @MohitKumar-n6i6c 5 місяців тому

    SIr i have maade ur whole project and after i implement i also use algo to find the distance between two shortest path giving all information by using cdn routing from lyfelet routing

  • @neosamosa
    @neosamosa 5 місяців тому +1

    bdhiya ji thanks ji.

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

    earlier i have done something similar using basic JS for a college project. One thing i noticed is that once i change the tab or minimize the page, the browser does not pickup the current location anymore, i searched and found that it is something related to security reasons for which browsers stop all the background processes, like picking current locations, once we move away from the particular tab. Can you please tell any way out of this?

  • @swarupmahata9717
    @swarupmahata9717 5 місяців тому +4

    Finally completed the project❤!! Nice Project.

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

      bro can you help me

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

      @@spiderbolte9351 Yeah!! How can i help you?

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

      @@swarupmahata9717 bro can you share the code of this project my code is not working

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

      Is is working? I wrote the same code , it is not working.

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

      Did u deploy it ?

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

    bhaia react js (advanced) ka video kab aayega, please reply

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

    Thanks! For this