How to create Real-Time Chatting App in Django(Whatsapp Web Clone) || 2021 | The Codrammers | Part-1

Поделиться
HTML-код
  • Опубликовано: 19 сен 2024

Комментарии • 125

  • @_adeclint
    @_adeclint 2 года назад +2

    You are a really good teacher......
    Love the way you explain things

    • @thecodrammers
      @thecodrammers  2 года назад

      Thankyou so much. This is really a great motivation

  • @bushraaleem4991
    @bushraaleem4991 3 года назад +4

    Such an informative video. Learnt so much in so little time. Thank you!

  • @SunnyKumar-ll9nn
    @SunnyKumar-ll9nn 2 года назад +3

    Great work bro . U just earned a subscriber

  • @taibalituri4961
    @taibalituri4961 2 года назад +1

    Screen is not clear.
    By the way Outstanding 👍🥰

  • @sahilchhillar1028
    @sahilchhillar1028 3 года назад

    Great video. Learnt a lot. Keep making such informative videos.

  • @sayan_gh
    @sayan_gh 2 года назад +1

    This is really cool Django Chat App in RUclips but has relatively less views and likes.

    • @thecodrammers
      @thecodrammers  2 года назад +1

      Thankyou so much for the appreciation❤

  • @himanshudewan7238
    @himanshudewan7238 3 года назад +1

    Really informative video

  • @parththakkar4978
    @parththakkar4978 3 года назад +1

    cool bro keep the work up like this!!

  • @FormulaForWealth
    @FormulaForWealth 3 года назад +2

    Thanks so much... This is perfect.

  • @user-ml4ps5cq3v
    @user-ml4ps5cq3v 3 года назад

    Thank you! Was really helpful!

  • @TechWithPrathamMaurya
    @TechWithPrathamMaurya 2 года назад +1

    Code shows cant find url pattern i dont know whys

  • @Kavsss-cz7ez
    @Kavsss-cz7ez Год назад

    bro can u help me with that ,as i found your videos very helpful but if u integrate with them in database and the thread creating part it will be more helpful for beginers to teach them in advance level too

  • @cathyanaharijaona4705
    @cathyanaharijaona4705 Год назад

    I just have a question. How do I enable WebSocket with wss in an HTTPS environment, and how does it work?

  • @memeline7015
    @memeline7015 Год назад

    I'm not familiar with websockets, consumers or dj channels. can you please help me from where I can learn all of this?
    although I'm familiar with wsgi a little bit.
    also on django orm, writing models, views setting up static, media, templates directory and also on cookies and authentication system but this is kind of challenging stuff

  • @mostnotoriouspinpin7581
    @mostnotoriouspinpin7581 2 года назад +1

    Hey will this work for making a large chat app for like 1 million users

  • @styleking235
    @styleking235 Год назад +1

    Bro webSocket connection to failed problem😭😭

  • @manndaysfitness7330
    @manndaysfitness7330 3 года назад

    I built the project but the search functionality is not working and please make a video on deployment of this project

  • @Dev-Joe
    @Dev-Joe 2 года назад

    Hello please how do I implement whatsapp chat date to show date on top of chat everyday please I really need your help

  • @m.f.romdendineipb6493
    @m.f.romdendineipb6493 3 года назад +1

    at the and of the video, i'm still confused why it can't print out the message like the video shows. I'm not good at JS or other frontend programming so it makes me so confuse. can you help me?

    • @thecodrammers
      @thecodrammers  3 года назад

      Compare the code with the js file in the GitHub link which I have shared in the description. Your problem will be solved!

    • @m.f.romdendineipb6493
      @m.f.romdendineipb6493 3 года назад

      @@thecodrammers actually at the end of part 3 i clone the repo and simply run it on my local. But the problem still happen.

    • @thecodrammers
      @thecodrammers  3 года назад

      Check the errors in the console and try to relate with the video

    • @m.f.romdendineipb6493
      @m.f.romdendineipb6493 3 года назад

      @@thecodrammers The console error says that there are some error in function get_active_thread_id() in the messages.js. I can't solve it since i don't really understand JS

    • @thecodrammers
      @thecodrammers  3 года назад

      It would be hard to solve the error like this

  • @ShahadatHossain-f2g3g
    @ShahadatHossain-f2g3g Год назад

    my websocket is not connected
    can you help why???

  • @harish_raghucollege8995
    @harish_raghucollege8995 Год назад

    don't we need to sign up for the users (can we able to add multiple users of our own)

  • @siavashmohseni8912
    @siavashmohseni8912 2 года назад +1

    Where did you put the codes of this project?

    • @thecodrammers
      @thecodrammers  2 года назад

      The code is in the description itself. Please check for the GitHub link

  • @AdityaChavan-wj3sk
    @AdityaChavan-wj3sk 7 месяцев назад

    I have copy your project but anytime say syntax error

  • @abutareq8604
    @abutareq8604 Год назад

    Thank you very much

  • @komalshivgunde669
    @komalshivgunde669 8 месяцев назад

    I have copied your whole project from github ,but in my project i'm not able to send messages. why?

    • @thecodrammers
      @thecodrammers  8 месяцев назад

      Install all the packages. Then try

    • @komalshivgunde669
      @komalshivgunde669 8 месяцев назад

      @@thecodrammers whichever you told in videos, I installed it

  • @DerekPK_4th
    @DerekPK_4th Год назад +1

    14:00 I get nothing about Websocket in terminal.

    • @otuekongwilliam
      @otuekongwilliam 10 месяцев назад

      have you been able to resolve this

  • @sakibovi5298
    @sakibovi5298 3 года назад

    Can this code be uploaded into the live hosting ??

  • @hanadraskovic6839
    @hanadraskovic6839 2 года назад

    why is omkar's profile pic different on the left and on the right? does the app actually work?

    • @thecodrammers
      @thecodrammers  2 года назад +1

      The app works. But I didn't made the profile's pic working. Mainly I focused on the functionality. Using a profile pic is just using the dynamic image url of the user. It's simple

  • @aakashb-mn8bw
    @aakashb-mn8bw Год назад

    How did you convert the wsgi server to asgi
    can you help me with that part I could not able to do that

    • @thecodrammers
      @thecodrammers  Год назад

      We just need to add the ASGI_APPLICATION key in the settings.py file. And internally django handles it. Please check the video again. You will find it

  • @himanshutiwari6766
    @himanshutiwari6766 Год назад

    do we able to share files or photos in the chat application that you have made?

    • @thecodrammers
      @thecodrammers  Год назад

      Yes. You can do it. One way is to convert the file into Base 64 and send it as to backend and at the backend you can convert into the original file

  • @werlich
    @werlich 11 месяцев назад

    Hello friend, how do I get the full chat source code?

  • @wilmerferneycubidesporras7774
    @wilmerferneycubidesporras7774 3 года назад

    only one question comes to my mind ¿how much time did it take you to learn all this incredible things?

    • @thecodrammers
      @thecodrammers  3 года назад +2

      I have learning this since long. Whatever tutorials on django is not easily available on the internet, I am working on them and making the tutorials. And support from you people make me do all these

    • @wilmerferneycubidesporras7774
      @wilmerferneycubidesporras7774 3 года назад

      @@thecodrammers I appreciate your work, all of us here do it! i'm just amazed of all this stuff and trying to stay motivated as well. Best wishes!

    • @thecodrammers
      @thecodrammers  3 года назад

      Thankyou so much

  • @tomasalvarez922
    @tomasalvarez922 8 месяцев назад

    Amazing bro. I would like to do it but using react . Can you give me a piece of advice? Is it possible?

    • @thecodrammers
      @thecodrammers  8 месяцев назад

      It is possible. But I haven’t worked on react much. As far as I know you need to use web sockets in the react as well

  • @taihatranduc8613
    @taihatranduc8613 2 года назад

    Your video is very good. I just have a question. How do you make HTML code in your JS file look so colorful? (at 15:31)

    • @thecodrammers
      @thecodrammers  2 года назад

      It's Pycharm professional. It automatically does.

    • @taihatranduc8613
      @taihatranduc8613 2 года назад

      @@thecodrammers thank you for replying

  • @DerekPK_4th
    @DerekPK_4th Год назад

    Why are your video not in 4K:

  • @eranandyadav9720
    @eranandyadav9720 2 года назад

    Hy bro I want to create read unread messages but don't understand how to implement plzzz suggest me

    • @import-success
      @import-success 11 месяцев назад

      You can check to see if the users url location is currently in the chat’s location. And if it is the chat you sent is read.
      Now you might want to create a Boolean value in your model and set it to true if the above condition i mentioned is true. And add some sort of UI design in the front end that lets the user know ic their message has been read or not.

  • @hassanfarooq2502
    @hassanfarooq2502 2 года назад

    Hi Sir! Is there any way that we can get users contacts list without refresh the page again and again.

    • @hassanfarooq2502
      @hassanfarooq2502 2 года назад

      Please reply i am really stuck at this point

  • @_nishadkv
    @_nishadkv 3 года назад

    Thanks bro

  • @saratpawar6714
    @saratpawar6714 3 года назад

    👌👌

  • @muhammedzenhal4729
    @muhammedzenhal4729 Год назад

    Can i implement this project in another django project??

  • @toobasheikh106
    @toobasheikh106 2 года назад

    I am getting this error
    ValueError: No route found for path 'chat/'.
    please help

  • @Kavsss-cz7ez
    @Kavsss-cz7ez Год назад

    bro everything is fine but the only thing is you are creating thread using admin but how can we create a thread using frontend like users can send messages whoever exist in the database or they can send message to whoever they want

    • @thecodrammers
      @thecodrammers  Год назад

      You need to write a custom logic for that in the view consumer itself

    • @thecodrammers
      @thecodrammers  Год назад

      This tutorial was to guide on how we can implement on a basic level

    • @Kavsss-cz7ez
      @Kavsss-cz7ez Год назад

      @@thecodrammers bro can u help me with that ,as i found your videos very helpful but if u integrate with them in database and the thread creating part it will be more helpful for beginers to teach them in advance level too

  • @NynikaSuji
    @NynikaSuji 10 месяцев назад

    is this need for postgresql?

    • @thecodrammers
      @thecodrammers  10 месяцев назад

      You can also use sqlite

    • @NynikaSuji
      @NynikaSuji 10 месяцев назад

      okk sirr@@thecodrammers

  • @NynikaSuji
    @NynikaSuji 10 месяцев назад

    ok sir

  • @mehdeep9109
    @mehdeep9109 2 года назад

    Is this code available on git to check-out ?

  • @DiyintheGhetto
    @DiyintheGhetto 2 года назад

    Hello, Is there a login and Register for this?

    • @thecodrammers
      @thecodrammers  2 года назад

      For now I haven't implemented login or Register for this. You can suggest me the exact requirement, if I feel it is a common problem I can make a video on it.

    • @thecodrammers
      @thecodrammers  2 года назад

      If you want login and registering, you can check my other videos on Login And Registration

  • @DerekPK_4th
    @DerekPK_4th Год назад

    At 10:05 why do I get *Uncaught SyntaxError: Unexpected token ':'*
    socket.onopen = async function(e :Event) {
    console.log('open', e)
    }

    • @DerekPK_4th
      @DerekPK_4th Год назад

      You don't use *:Event* on Github.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      Now I get *messages.js:12 WebSocket connection to 'ws:* But you also got that error so I guess it will be solved later.
      This is after removing those :Event stuff.

  • @abbaammi5836
    @abbaammi5836 2 года назад

    Hi bro I need HTML Code for this project

  • @siavashmohseni8912
    @siavashmohseni8912 2 года назад

    I need HTML Code for this project

  • @DerekPK_4th
    @DerekPK_4th Год назад

    Happy Holidays.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      It's 25th December today. No way.

  • @DerekPK_4th
    @DerekPK_4th Год назад

    0:33 no switched sides?

    • @DerekPK_4th
      @DerekPK_4th Год назад

      When texting someone you are on the right, here it's no difference.

    • @thecodrammers
      @thecodrammers  Год назад +1

      I didn't get what you are saying. Please elaborate

    • @DerekPK_4th
      @DerekPK_4th Год назад

      @@thecodrammers Right and left screen got the same profile pictures.

    • @thecodrammers
      @thecodrammers  Год назад +1

      I just focussed on the functionality of the Backend code and Front end code.

    • @thecodrammers
      @thecodrammers  Год назад +1

      That was not dynamically implemented

  • @rashadulislam823
    @rashadulislam823 2 года назад

    how can i contact with you?

    • @thecodrammers
      @thecodrammers  2 года назад

      Can you please tell the reason?

    • @thecodrammers
      @thecodrammers  2 года назад

      You can email me on omkar.thouta0231@gmail.com

  • @ARYANGUPTA-kd7uk
    @ARYANGUPTA-kd7uk 2 года назад

    7:18

  • @DerekPK_4th
    @DerekPK_4th Год назад

    I'm at 1:00. *Date:* 13 Dec 2022.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      I'm at 2:00. *Date:* 15 Dec 2022.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      I'm at 3:00. *Date:* 17 Dec 2022.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      I'm at 5:00. *Date:* 18 Dec 2022.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      I'm at 8:00. *Date:* 19 Dec 2022. Getting closer to the 24 December Holiday.

    • @DerekPK_4th
      @DerekPK_4th Год назад

      I'm at 10:00. *Date:* 21 Dec 2022. Getting closer to the 24 December Holiday.

  • @taibalituri4961
    @taibalituri4961 2 года назад

    Screen is not clear.
    By the way Outstanding 👍🥰