No video :(

Realtime Web based Chat in Firebase - Javascript

Подписаться 8 тыс.

Просмотров 212 тыс.

50% 1

Realtime Web-based Chat in Firebase - Javascript
- Add a child in an array
- Get all children as an array
- Get a single child using a unique ID
- Delete child using dynamic ID
- Receive event when new child added
- Receive event when a child is removed
- One HTML & CSS template is integrated into the chat but you can integrate ANY template of your choice without breaking the functionality
Source code:
adnan-tech.com...

Опубликовано:

22 авг 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 587

@JayAyers 3 года назад

Brilliant! This will help me a ton. I've been on the fence with Firebase but it looks very manageable.

@AdnanAfzal565 3 года назад

Thank you.

@antoniofuller2331 2 года назад

Fence-sitter lad, sad

@SamadKanton 2 года назад

sure!

@arthbhalodiya 3 года назад

Thank you so much Sir!!! for this Guide No Words to Say... Love From India

@AdnanAfzal565 3 года назад

You're welcome :)

@user-jp7fj7xi2y 3 года назад

Hi, were you able to make it right? There is no "Database" option in the Build section on the left side in the firebase, instead, there is "Real-time Database". Can you help?

@arthbhalodiya 3 года назад

@@user-jp7fj7xi2y Yes, Real-time Database

@simonrileyofficial Месяц назад

i didnt use to write comments.. but you deserve that, you are awesome man. after 3 years from publishing the video i have to tell you god job😍

@AdnanAfzal565 Месяц назад

Thank you ❤️ glad to hear that.

@CarlosGonzalez-yc1pk 3 года назад

How the heck is this not more popular? Thank you!

@AdnanAfzal565 3 года назад

You are welcome.

@delaplaces7130 Год назад

no talking yet the best chat app tutorial I have ever seen, thanks alot bro

@AdnanAfzal565 Год назад

You are welcome ❤️

@adityapundir6529 3 года назад

Bro this is the best tutorial I have ever seen for making a chat app and it worked amazing for me. Thanks a lot!!!

@AdnanAfzal565 3 года назад

You’re welcome.

@spirals1310 3 года назад

I-I am speechless. This helped me so much! Thank you! I always wanted to learn this!

@AdnanAfzal565 3 года назад

Thank you so much.

@astitvagamerz3131 3 года назад

😭😭😭👍❤️❤️

@astitvagamerz3131 3 года назад

I can feel the coders heart

@AdnanAfzal565 3 года назад

@@astitvagamerz3131 Thank you so much.

@mimotaken 2 года назад

I ReWatch Your vids Until I Learned The Entire code

@AKUKamil 3 года назад

just amazing. How clear code can be even without voice

@AdnanAfzal565 3 года назад

Thanks.

@danieltk999 4 года назад

Thanks a lot Man............Please Upload such videos often....you are so awesome....Keep Up The Good Work !!!!!!

@AdnanAfzal565 4 года назад

Thank you, I will

@SalmanShah95 2 года назад

Also add voice so it will be more cool video 😎

@blazi_0 3 года назад

I don't know what does the backend people do if I can do all this work using front-end 🤔 When I started learning front-end development I didn't expect that I will build a simple chat app like this with few lines of code ! Impressive 👍

@AdnanAfzal565 3 года назад

Exactly!

@colinellingham9631 2 года назад

what a video!! most useful coding video ive watched in a while!

@AdnanAfzal565 2 года назад

Thank you. Glad to hear it.

@hanam6138 4 года назад

thank you very much for posting this to sharing anyone who in stuck, very thank

@AdnanAfzal565 4 года назад

You're welcome!

@flo8724 3 года назад

Thank you for this video! It's amazing, even without sound! One question : isn't it insecure to use Javascript? Everyone can edit the code and have access to the firestore.....

@AdnanAfzal565 3 года назад

You can use firebase “rules” aur “authentication” features. You can read in detail from their upto-date documentation.

@Martin958 3 года назад

@@AdnanAfzal565 I'm at a complete loss as to how anyone can use XAMPP or VSC with Firebase. Surely they cannot access anything outside of the localhost itself? They are offline. Have I missed something here?

@AdnanAfzal565 3 года назад

They can build the project offline using localhost. When the project is deployed on hosting, then the firebase will remain same.

@Martin958 3 года назад

@@AdnanAfzal565 So they have to transfer their client side files to Firebase? I thought it was just a back end service.

@AdnanAfzal565 3 года назад

No, you have to transfer files on hosting server like a2hosting, hostgator etc.

@rudrasurati 3 года назад

hey bro.. dont hv words to thank you.. this is so much help for my final project. i didnt hv any clue to how to get this done. thanks to u man I did it. thank you so much brother...

@AdnanAfzal565 3 года назад

You're welcome.

@lemonyth 2 года назад

- "what was that?" - "great"

@AdnanAfzal565 2 года назад

Thanks.

@bestdivision 4 года назад

Wow, that's what I was looking for very long time...Many many thanks!!

@AdnanAfzal565 4 года назад

You’re welcome. Glad it helped.

@bestdivision 4 года назад

@@AdnanAfzal565 Keep it up bro. Your almost all video are practical... And its very useful. Thank you once again..

@AdnanAfzal565 4 года назад

Thank you very much. Feel free to contact us if you face any problem in your programming project: adnan-tech.com/contact-us/

@bestdivision 4 года назад

@@AdnanAfzal565 Yeah sure...I'll contact you.. It would be my pleasure...

@developer_hadi 2 года назад

WHY ONLY 2.6K LIKES? THIS SHOULD GET 1M VIEWS AT LEAST

@AdnanAfzal565 2 года назад

Thanks.

@Captainpricegoingdark 3 года назад

Thank you bro, love from India😊

@AdnanAfzal565 3 года назад

You sre welcome.

@franciscogonzalez353 3 года назад

Thanks You , from Chile

@user-jp7fj7xi2y 3 года назад

Hi, were you able to make it right? There is no "Database" option in the Build section on the left side in the firebase, instead, there is "Real-time Database". Can you help?

@cedric6941 2 года назад

Can you do CSS tutorial for it? I really liked the Animation when you sent a message

@AdnanAfzal565 2 года назад

The CSS code is in the source files. But as I am a backend developer, it would be difficult for me to do the CSS :(

@cedric6941 2 года назад

@@AdnanAfzal565 okay, thank you for a quick reply!

@AdnanAfzal565 2 года назад

No problem.

@cedric6941 2 года назад

@@AdnanAfzal565 also you made it a php file, can it be a html file instead?

@AdnanAfzal565 2 года назад

Yes

@outliners2244 3 года назад

you have done really a great job with your help i can not develop my own firebase cloud database applications thanks buddy

@AdnanAfzal565 3 года назад

You're welcome.

@tusharmachhi5953 4 года назад

I need html css tamplet

@AdnanAfzal565 4 года назад

You can get it from here: adnan-tech.com/realtime-web-based-chat-in-firebase/

@littlethz 3 года назад

you got it ?

@TaleWhaleTV 4 года назад

Hi Bro .. You tutorials are great but there is one problem ... I have followed and finished the coding but I am unable to understand how to open the .php files in a browser . How to open the file index.php in browser such as google?

@AdnanAfzal565 4 года назад

If you are using xampp then place your files in htdocs folder and access in browser like: Localhost/folder_name

@riteshbaranwal745 3 года назад

Very helpful content sir thank you so much!!!!!!!!!!

@AdnanAfzal565 3 года назад

You are welcome.

@codebyaaryan6461 3 года назад

Love from nepal and one advice either speak or add background music

@AdnanAfzal565 3 года назад

Thank you.

@codebyaaryan6461 3 года назад

@@AdnanAfzal565 Can we make it without firebase

@AdnanAfzal565 3 года назад

@@codebyaaryan6461 Yes, you can do it in Node JS following this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-cXQGJ_8QYK0.html

@maddex6664 2 года назад

wow nice i am going to try it i am newbie

@AdnanAfzal565 2 года назад

sure, thank you.

@AlvinPdn 3 года назад

Thank you very much sir! This is very useful!

@AdnanAfzal565 3 года назад

You are welcome.

@anonymoustv8604 3 года назад

Thanks man...You're the real MVP

@AdnanAfzal565 3 года назад

Thanks.

@PiyushSharma-od2el 3 года назад

Thankyou so much bro, its so helpful, love from india

@AdnanAfzal565 3 года назад

You are welcome.

@PiyushSharma-od2el 3 года назад

@@AdnanAfzal565 Can you help me im very basic at this , so i create php file and then now i want to design it by using html so how i can do that

@AdnanAfzal565 3 года назад

Process is same. Simply follow the tutorial, write the code in it, and it will work in your php file as well.

@PiyushSharma-od2el 3 года назад

@@AdnanAfzal565 Thankyou

@mohammedzubair2065 3 года назад

Sukraan bhiya aap clearly explain kara

@AdnanAfzal565 3 года назад

You’re welcome.

@ThrillDaWill Год назад

At 5:08 where you recieve a message on firebase, I do not get that, instead, my page refreshes and prompts me to input my name again.

@AdnanAfzal565 Год назад

Enable “preserve log” in console tab and see what error is there.

@ThrillDaWill Год назад

@@AdnanAfzal565 Uncaught ReferenceError: firebase is not defined

@AdnanAfzal565 Год назад

Make sure to create a firebase object first.

@ThrillDaWill Год назад

@@AdnanAfzal565 do you think you could make an updated version? i would really appreciate it! These kind of smalls projects really help out when trying to learning.

@AdnanAfzal565 Год назад

Updated version with new features ?

@qwertxx5747 3 года назад

i cant doooooooo help meee

@ahmetaltun2430 4 года назад

Adnan, very thanks

@kasim393 3 года назад

Best thing is there is no music.

@AdnanAfzal565 3 года назад

Thanks.

@anandrana6536 Год назад

Uncaught ReferenceError: firebase is not defined at testdata(function name)

@AdnanAfzal565 Год назад

Make sure firebase JS files are included before.

@eugineakediodongo2832 2 года назад

Kickstarted my project!

@snfilms6946 3 года назад

Thank you so much!!! You're the best!!

@AdnanAfzal565 3 года назад

Thank you. And you are welcome.

@avanikhokhariya2347 4 года назад

Hey I am not able to see the list of msg in browser

@AdnanAfzal565 4 года назад

Open inspect element of your browser and goto “console” tab. There must be some error in your javascript code.

@sehayasartvilla6112 3 года назад

its really helpfull Thankyou sooo much

@AdnanAfzal565 3 года назад

You're welcome.

@panipatgaming1387 Год назад

Very helpful video Btw i wna use the Template u had in stating i also have no idea to import template pls tell how u got ur templete

@AdnanAfzal565 Год назад

The link of template is in the description.

@thesingularity6111 2 года назад

FIREBASE FATAL ERROR: Can't determine Firebase Database URL. Be sure to include databaseURL option when calling firebase.initializeApp(). How can i solve this please help

@AdnanAfzal565 2 года назад

You need to enter the database URL there, like this step: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CK2XEyVGc6c.html

@anything1830 3 года назад

Not working

@AdnanAfzal565 3 года назад

What error you are getting ?

@zahid1638 2 года назад

Hey bro! Thanks it really helps me...I have a problem can you plz tell me how can I add the *time* as shown in the preview... although great work!🙌

@AdnanAfzal565 2 года назад

You can save the time using new Date().getTime().

@zahid1638 2 года назад

@@AdnanAfzal565 sir, have you made any separate video on this topic...if yes plz link it hear...it will really help he out ✨thank you!

@AdnanAfzal565 2 года назад

@@zahid1638 No sorry, but you can simply store the time in database and display it like other fields in this tutorial.

@zahid1638 2 года назад

@@AdnanAfzal565 ohk I got it...thanks for your response! :)

@AdnanAfzal565 2 года назад

@@zahid1638 you are welcome.

@mobgaming292 4 года назад

Awesome Video brother

@AdnanAfzal565 4 года назад

Thanks.

@sehayasartvilla6112 3 года назад

and there is a problem i m trying to download the source zip file but download option is not working please help

@AdnanAfzal565 3 года назад

To download you just need to create an account, verify your email. After verification you need to login. Click the download button and wait for 5 seconds.

@berundatv Год назад

this code same to without php

@AdnanAfzal565 Год назад

Realtime sockets does not work well with PHP.

@zyrenth 3 года назад

big thanks, this is a very good video!

@AdnanAfzal565 3 года назад

You’re welcome.

@denniswouters2765 3 года назад

I can't get it working. It's asking for a database region, I select my region and code the exact same thing like you but the message isn't showing up in the database. Please help.

@denniswouters2765 3 года назад

Nvm fixed it myself haha

@AdnanAfzal565 3 года назад

Great. What was the solution ? Can you share ?

@sliz-g9859 4 года назад

how can I make massages going up not down help me plsss

@AdnanAfzal565 4 года назад

You can use prepend() instead of append() method.

@baridaniel5773 3 года назад

You save me, thanks

@CristianRomero-up1nj 3 года назад

epic. soberbio. tres bon!!!

@MojtabaParsa2000 2 года назад

The SDK has been upgraded. I am able to store in the database based on another code that is designed for the new SDK. But when I run the code presented in this video which is based on the previous SDK, nothing gets added to the database. Is it normal that this code no longer works? Or am I missing something?

@AdnanAfzal565 2 года назад

No. You can learn the latest SDK from this tutorial: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CGrNNGrKCJU.html

@anjalisingh-my7wk 3 года назад

Its such a nice video.But i have some query in here. How we remove first popup thing

@AdnanAfzal565 3 года назад

There is a function named "prompt", you can comment it and write some hard coded text.

@anjalisingh-my7wk 3 года назад

@@AdnanAfzal565 ok got it

@SUNYBOI 3 года назад

Can I use this from two different systems to chat

@AdnanAfzal565 3 года назад

Yes, if they are connected with same database.

@SUNYBOI 3 года назад

@@AdnanAfzal565 i have build exactly the same as you.....so if I send a link to my friend will be both able to chat.....

@AdnanAfzal565 3 года назад

@@SUNYBOI Yes.

@GoldenJet3344 Год назад

how to initialize firebase database in the latest vr. of firebase?

@AdnanAfzal565 Год назад

You need to check it from firebase official documentation. They updated their regularly.

@KadatuaCreator 4 года назад

Very Good. Thank Bro

@AdnanAfzal565 4 года назад

Thank you too!

@qwertxx5747 3 года назад

im writing but its not appear in fire base

@AdnanAfzal565 3 года назад

Check if your firebase configuration is correct, and also if your firebase database does not have any rules.

@timeless-JAT 3 года назад

How to display all image from firebase storage using javascript ? Please make a video about it

@FrostGamingHype 2 года назад

seriously fire base makes you allow to like i will use firebase for my trades and ect... stuff gosh

@AdnanAfzal565 2 года назад

👍🏻

@pranavpowar1645 3 года назад

sir exactly at 2:53 second which key did you press, how did the next thing appear. it may sound lame

@AdnanAfzal565 3 года назад

I had copied the firebase-app.js script tag, I just pasted the line using ctrl + v.

@pranavpowar1645 3 года назад

@@AdnanAfzal565 which tab did you open a 5:01?

@AdnanAfzal565 3 года назад

It was firebase database main page.

@muhammadshakir8998 Год назад

can the realtime for web based notification like facebook or instagram use the same concept as this video?

@AdnanAfzal565 Год назад

No. They use sockets and other technologies. You can learn sockets from here: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ozrm_xftcjQ.html

@ffglitchking3761 2 года назад

Sir please help me. When I write a large text it overflows the div. How can I auto resize the div if the sentence is bigger? (Like Messenger)

@AdnanAfzal565 2 года назад

You can use CSS property: word-break: all;

@ffglitchking3761 2 года назад

@@AdnanAfzal565 When it overflows the y access the div should automatically increase it's height and fit the texts. How can i do this?

@punyapatboottrakoat7341 3 года назад

It doesnot show message on my firestore

@AdnanAfzal565 3 года назад

Check your console for any error.

@anjalisingh-my7wk 3 года назад

How we can send attachment and group chat also.Please guide me

@AdnanAfzal565 3 года назад

To upload attachments you can follow this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-68J-6ga0gjI.html

@mojahjoma8428 4 года назад

Ok finally got the hang of html coding. My problem now occurs at the five minutes mark into the video. when your first debug happened. ok my browser let me to enter my name then enter a message but when i press submit it refreshes the page and my database didn't receive any information or data 🤷🏻‍♂️

@AdnanAfzal565 4 года назад

Right click on empty area and open console, you will see some error in Javascript.

@skyz3ra 2 года назад

NO matter how i import things my browser chrome wont let me use the modules. how tf is it so easy for you to do it witout module errors ?

@AdnanAfzal565 2 года назад

Because I am not using modules in this tutorial. If you want to watch a tutorial on modules, you can follow this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CGrNNGrKCJU.html

@skyz3ra 2 года назад

@@AdnanAfzal565 ok thx i learned that you need a framework for it to work w modules

@AdnanAfzal565 2 года назад

@@skyz3ra Framework is not necessary. As you can see in that tutorial, that tutorial was plain javascript.

@user-13-g9h 3 года назад

man that's very cool, thanks

@AdnanAfzal565 3 года назад

Thank you.

@tetra6621 3 года назад

Hello, why the codes you have given work on localhost but not on the web host?

@AdnanAfzal565 3 года назад

You need to change extension of file to .php to properly work them in servers.

@rdiandev5330 3 года назад

I want to ask, if I add the auth login, then for the chat user name is taken from the database, how do you do it? so that the user does not enter a name every time he wants to chat

@AdnanAfzal565 3 года назад

You can save it in database, and also save it in local storage. Then you can check from local storage if the user is logged in or not.

@Abhijeetdhekane 4 месяца назад

Brother how can I make 1 user to left and another user to right. ? Here in this code more 2 people can join the chat which increases the indext in firebase object and while mapping the sender all sender will mapped in dom. But I want to make for only two peoples. Should I use addclass css property to make the local user to flex in in right ?

@AdnanAfzal565 4 месяца назад

Yes. Or you can use bootstrap grid system to pull right.

@priyankanispro 2 года назад

The Spelling is "Message" Not "Messaage".

@AdnanAfzal565 2 года назад

Thanks for correction.

@priyankanispro 2 года назад

@@AdnanAfzal565You're Welcome :)

@respectculture9959 4 года назад

i follow 100% your code and my browser is refreshing after i click submit (not to mention that the messages doesnt save in database) i check console and nothing happened.. what could gone wrong?

@AdnanAfzal565 4 года назад

If your browser refreshes, it means you have error in your sendMessage() function. When page refreshed, the console automatically becomes empty. Try to call that function from console and you will see the error.

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

4:53 at line 31, you wrote firebase.database(). do we still have to write the same code in firebase version 10 or it has to be same?

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

You can check in firebase documentation. It might be a little bit different for your version.

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

@@AdnanAfzal565 thanks for quick reply sir.

@ZakhoSportClub1987 Год назад

We can great chat on iPhone HTML Css JavaScript ?????

@AdnanAfzal565 Год назад

Yes. You need to use frameworks like flutter for that.

@majdtqe1687 Год назад

Amazing

@AdnanAfzal565 Год назад

Thanks.

@oxynofiring Год назад

Is it free of cost always

@AdnanAfzal565 Год назад

No. It is free upto 15 GB.

@sanchogodinho8769 3 года назад

not working :(

@AdnanAfzal565 3 года назад

What error are you seeing ?

@sanchogodinho8769 3 года назад

@@AdnanAfzal565 nothing is opening/working.....

@AdnanAfzal565 3 года назад

Check your browser console and see if there is any error.

@sanchogodinho8769 3 года назад

@@AdnanAfzal565 I think the code has some problem......

@AdnanAfzal565 3 года назад

@@sanchogodinho8769 Code is working fine for all users. You must not have install it properly. Kindly check the video again, there must be something missing from your side.

@pallixa 3 года назад

Would it work without fire base? I don’t want it to save and I want it more like a thing simular to Omegle.

@AdnanAfzal565 3 года назад

No. For that you need to use Node JS.

@dcoderz75 3 года назад

@Adnan Afzal i have one issue in my code please solve this issue firebase.database().ref('messages').on('child_added', function(snapshot) is line code show error is app.js:76 Uncaught ReferenceError: firebase is not defined

@AdnanAfzal565 3 года назад

It means you are not initializing firebase object. Please follow the tutorial from start.

@shouryagupta2990 4 года назад

Hi bro, it is repeating the message while displaying I don't know but the database in firebase is working good but while displaying only some error can you please resolve this issue?

@AdnanAfzal565 4 года назад

Yes, what error are you facing ?

@andrewkuslick5089 3 года назад

Chaplain andrew here What am i doing wrong it does everything yours on the video does but the message i send won't show up in my 🔥firebase why? is there a way to send screenshots to you so you can see if i messed up somewhere in the code thanks

@AdnanAfzal565 3 года назад

You can download the source code and compare it with yours to see where you are missing.

@lovishgoyal2814 3 года назад

Do we need to create collection first before pushing the data. Because it is not working, either i have to create messages collection first and then try to push the data

@AdnanAfzal565 3 года назад

No, it does not require collection to be created. Check your console if there is any error.

@lovishgoyal2814 3 года назад

@@AdnanAfzal565 Created, I was not checking realtime database

@AdnanAfzal565 3 года назад

Are you seeing any error in console ?

@marktombson6358 4 года назад

This looks great, will i be able to put in a page in my website?

@AdnanAfzal565 4 года назад

Yes.

@timeless-JAT 4 года назад

please make this with log in system. it's good but login is more important. thanks and reply, what you think about it?

@AdnanAfzal565 4 года назад

Yes, will do.

@arianrams5878 Год назад

the delete button onclick is not working for deleteMessage function Uncaught ReferenceError: deleteMessage is not defined at HTMLButtonElement.onclick ((index):1:1)

@AdnanAfzal565 Год назад

You need to create that function first.

@183studio 3 года назад

sir jo start ma name poucta ha us ka style change kr sakty ha

@AdnanAfzal565 3 года назад

Han g, uske liye apko bootstrap modal use karna parey ga.

@luciav.2568 2 года назад

thanks for the great tutorial! I just have one problem...it doesn't write the data into the real time database and i don't know why, did this happen to anyone else?

@AdnanAfzal565 2 года назад

Make sure your firebase credentials are right. And also that your database has proper "write" rules.

@-GANDHAMSHIVAMOHANA 3 года назад

sir...how to add styles to the chatbot u did in this video???

@AdnanAfzal565 3 года назад

You can download the source files. CSS is in that folder.

@-GANDHAMSHIVAMOHANA 3 года назад

@@AdnanAfzal565 thankyouu!!!:)

@littlethz 3 года назад

you got it ?

@marciosoares5273 3 года назад

Ola Rafa!

@zohaibmalik1761 3 года назад

Do it in c# using firebase

@sameerahmedansari6102 3 года назад

thanxx bro, but i want to show image in message, how to do this please

@AdnanAfzal565 3 года назад

For that you need to learn Firebase Storage from here: firebase.google.com/docs/storage/web/upload-files

@kenkendicks2682 3 года назад

Hi, I want the messages to be deleted every time I refresh the page, could you help me pls?

@AdnanAfzal565 3 года назад

If you do not save the message in database, it will automatically be deleted wheb page refreshes.

@kenkendicks2682 3 года назад

@@AdnanAfzal565 The messages are saved in the database, but I don't want the messages that have been written and spoken to be seen every time I refresh the page.

@AdnanAfzal565 3 года назад

For that you need to create an is_scene boolean value in your database.

@diytechsolutions 3 года назад

thanks bro😘😘 you solved my big problem 💛💛🧡💚💙💜🤎🖤 thank you sooo much😍😍😍 lov u from pakistan

@AdnanAfzal565 3 года назад

You're welcome.

@diytechsolutions 3 года назад

@@AdnanAfzal565 Bhai wo CSS ki file nhi hai???

@AdnanAfzal565 3 года назад

@@diytechsolutions CSS and JS files can be downloaded from link in the description.

@diytechsolutions 3 года назад

Nhi mil raheen Kahan hen??

@AdnanAfzal565 3 года назад

Open adnan-tech.com, search for “realtime chat in firebase”. Create an account, verify your email, login after verification. Then you you will see the download button.

@leonelmperon1878 2 года назад

Brooo Where's the javascript?

@AdnanAfzal565 2 года назад

The complete tutorial is in HTML and Javascript.

@SonTruong-di1cv 2 года назад

thank you so much!!!

@AdnanAfzal565 2 года назад

You are welcome.

@ex_mesukacikiarvyofilvar9751 Год назад

i need serious help i write this code in sublime text but how did you got into localhost :( i'm sorry i know nothing about it i just searched on youtube ,your video was easy to follow so i watched it but can you tell em were did i made mistake?

@AdnanAfzal565 Год назад

You need to install a software named "XAMPP" and paste your code in "htdocs" folder inside installation directory.

@anjalisingh-my7wk 3 года назад

I want to show all the users and select the user for chat like normally we do in whatsapp .Do you have example like that in ci.

@AdnanAfzal565 3 года назад

Yes, I developed an Android app like this. You can check its demo: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rC0e1R76k1c.html