Skip to content

Lassitek/Coreys-Text-Message-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 

Repository files navigation

Prototype - (Not finished)

Coreys-Text-Message-App

Chat application

Demo link: https://web-chat-application-corey.firebaseapp.com/

How To Use


- Add the Firebase script: <script src='https://www.gstatic.com/firebasejs/4.2.0/firebase.js'></script>
- Add the JS file below the script above to your HTML: CoreysChatApp.js
- Add the CSS file to your HTML: cca_main.css
- Add a DIV tag with an id associated with it.
- Initialize the chat app by adding this Javascript. Add the id to the first parameter.
var CoreysChatApp1 = new CoreysChatApp('chat_application',
{ //add settings
'mainColor' : 'lightslategrey',
'buttonColor': '',
'chatWindowColor': '#f2f2f2'
});
- And that is it!

More Details

-Uses Firebase
-Allows anonymous login for now
-Limt is 2 users signed-in at a time
-Uses Vanilla JavaScript (pure javascript)
-Uses OOP style (Object Oriented programming)

Classes

-CoreysChatApp

-ChatLoginPage

-ChatMenuWindow

-ChatWindow

-ChatUsersWindow

-ChatBox

-SupportClass