Learn React & Django - Chatroom Concept - React/Django+Channels Chatroom Heroku Deploy

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

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

  • @paborlouise319
    @paborlouise319 4 года назад +8

    Sir your channel is gonna explode some day with subscribers. Keep up the good work.

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

    This channel is the best i've found on youtube , thanks you this content helps me so much in my work

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

      Happy to hear that! Thank you!

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

    I have been looking for something like this and finally got a good one. Thank you for the best content

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

      Glad I could help, any questions let me know! Thank you! 👍

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

    Your the best!!!!!!!!!!!!!!!!!!!!!

  • @shivamsingh-xr8ns
    @shivamsingh-xr8ns 4 года назад

    The way you teach i just love it :)

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

    awesome man, really awesome

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

    Thank you so much

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

    Really enjoying all the videos. Any continuation in this series? I'd like to understand how to change the room connection to use the passed in room name and see user login interface implemented in react

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

      Hi Iain, not just yet. My target is to build the ecommerce examples, first the django templating then React/Next. The idea is to incorporate all of this into a large project and/or use this project as a template for the tutorials. Maybe you might agree, I think I can do a better job teaching this when there is a bigger/real project we are applying it to. It no doubt for some can be frustrating starting something and then I don't complete it, for that I am sorry. This is all working towards a bigger and hopefully better learning experience. It is a big learning curve delivering this type of content in this format.

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

      Also, thank you once again for supporting the channel, slowly getting closer to being able to spend more time developing for this channels community.

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

      @@veryacademy agreed that makes sense, thank you!

  • @jigarvishwakarma2357
    @jigarvishwakarma2357 4 года назад

    Great work buddy ;)

    • @veryacademy
      @veryacademy  4 года назад

      Thank you Jigar, although the code is very basic, hopefully you can build on it and make it into something amazing.

  • @aashayamballi
    @aashayamballi 4 года назад

    Great! Thank you for this 🙏🏼

    • @veryacademy
      @veryacademy  4 года назад

      Thanks Aashay, it at least points you in the right direction to get started.

    • @aashayamballi
      @aashayamballi 4 года назад

      @@veryacademy react hooks would have been more better, anyway those are simple changes. instead componentDidMount we have to use useEffect and for state have to useState.

    • @veryacademy
      @veryacademy  4 года назад +1

      Hi Aashay, I understand, sorry - being just a single component and not having to reuse stateful logic between components etc... Got to love the classes still. 😜

  • @elonmusk2142
    @elonmusk2142 4 года назад +1

    Bruh i am learning from your videos for creating a paypal

    • @veryacademy
      @veryacademy  4 года назад

      If and when you have finished your project I would love to take a look if you put it online!

    • @elonmusk2142
      @elonmusk2142 4 года назад +1

      @@veryacademy not soon of course

    • @veryacademy
      @veryacademy  4 года назад

      Good things comes to those who wait 👌

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

    hello, I have been watching your many videos and learned a lot. Thank you so much. Now I am going to deploy an app that is from different your video using django and react on docker to Heroku. I have watched the video deploying django app to Heroku too. if you can, could you give me advise? I am stuck at this point. I am thinking to make a docker image in the root directory where is docker-compose.yml. I need to make Dockerfile and create one image? or there is a way to create couple of images and use buildpack?

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

      dev.to/mdrhmn/deploying-react-django-app-using-heroku-2gfa

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

      @@veryacademy thank you so much. i have been studying about react django deploying to heroku. i will read the material you shared.

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

    Great project! I've working/searching about integrating this chat into a project I've been working on, but still I can't, a video a about this will be very helpful! anyway, thanks a lot!

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

      Thanks Jose, it wont be too long I will be re creating this project to include more functions.

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

    Great tutorial , i have only one question how to do with AsyncWebsocketConsumer ??

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

      Hello - sorry I dont have any materials to help you directly yet. Wonder if this is useful stackoverflow.com/questions/57557355/stuck-at-asyncwebsocketconsumer-implementation

  • @123sid789
    @123sid789 4 года назад +2

    i wish you have used functional component approach for react.

    • @veryacademy
      @veryacademy  4 года назад

      Its no trouble if you would like me to provide you an example?

    • @123sid789
      @123sid789 4 года назад

      @@veryacademy sorry to sound like that. actually i recently learned React (only little bit so I could follow around). But i learned just the functional components. Init function in the class based component confused the hell out of me.

    • @veryacademy
      @veryacademy  4 года назад +2

      👍 no need for sorry here! - I will assume you would like a function based tutorial and will get it to you asap. 👍

    • @123sid789
      @123sid789 4 года назад

      @@veryacademy That world be great. Thank you so much.

    • @123sid789
      @123sid789 4 года назад

      @@veryacademy if you can then please also explain how to change Constructor() from Class based component into Functional components. it would be very useful.

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

    While deploying, favicon is not displaying and django is not taking files inside the react public folder 404 error, u just crop your screen while showing the page after deployment to hide these errors

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

    Can I deploy it for free (without paying anything) for my personal portfolio in Heroku? so I can apply for a job

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

      Hey, you can do. But - just read it - on the free version your app shuts down when inactive for a certain amount of time. It will come back online when you or anyone makes a request - but that takes about 5-6 seconds

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

      @@veryacademy ah great no problem as long as I can use it for my portfolio 👍🏿, thank you for your videos and answer 👌

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

    Hello how can I get logged in use inside WebsocketConsumer or any consumer. It always returns Anonymous user

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

    Hi, just checking, can this be used to implement chat functionality in my django website project as well? Or is this solely for mobile applications? Thank you!

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

      Also, by using your code, will anyone with the url link be able to access the chatroom? or will there be an access token to confirm that the user does belong to the room before they allow them to join. Because for my project I am trying to allow group chatrooms

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

    Hi, how do I generate unique room id for my users to enter the chatroom?

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

      its a little bit more complicated than a little explanation I am sorry to say.

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

    why don't you use function based components in React?

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

      Hi Bakzod, I was asked at the time for an example. I think I did an example with both class based and function based?

  • @123sid789
    @123sid789 4 года назад

    at around 30:50, you sent a message from admin. now according to the concept of channels it should have been broadcasted to all the members of the room, i.e admin and nice name. but it was displayed in their respective screen only. i had to add a check for this (username check). but you did not add any check for this specifically. what did i miss?

    • @veryacademy
      @veryacademy  4 года назад +1

      Hey 123sid789, so the first message i sent with admin - only admin was in the chatroom at that time - admin said hello. Then i opened a new tab and started a new chat window. Now at the moment I am not saving the messages in the database so the message was only saved locally on the admin user. So in the new window with user called nice name - at first nice name didnt have anything in the chat window. I then proceeded to show you first by sending a message from nice name to admin - that worked. Then i send a new message to nice name from admin. That worked too. So - I think the answer here is - the second user nice name was not in a room when the first message from admin was made thus channels at that point only had 1 user to forward data to - that was the admin user. 👍

    • @123sid789
      @123sid789 4 года назад +1

      @@veryacademy okok, actually now i got it. in my case i have appended the message in the panel on submit button click and then applying the check of username when i am receiving the message. instead of that i could have just used your approach of appending the message on receive.

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

    How to test channels? The docs are not clear at all