Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dmhuebner/open-chat
Instant Messaging App | JavaScript, Angular.JS, Firebase
https://github.com/dmhuebner/open-chat
chatapp chatroom
Last synced: 21 days ago
JSON representation
Instant Messaging App | JavaScript, Angular.JS, Firebase
- Host: GitHub
- URL: https://github.com/dmhuebner/open-chat
- Owner: dmhuebner
- License: apache-2.0
- Created: 2017-02-16T22:59:54.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-07-24T23:06:34.000Z (over 7 years ago)
- Last Synced: 2024-11-12T15:44:24.867Z (3 months ago)
- Topics: chatapp, chatroom
- Language: JavaScript
- Homepage: http://openchat.netlify.com
- Size: 7.06 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### SUMMARY
Open Chat is a simple instant messaging application built with **JavaScript**, **Angular.js** and **Firebase**. It uses the Firebase AngularFire module to provide a real-time backend with three-way data binding and includes user signup and authentication.
### TECHNOLOGIES USED
**HTML5, CSS3, JavaScript, jQuery, Angular.js, Firebase, AngularFire, UI Bootstrap, Grunt, Git**
### EXPLANATION
The goal of this project was to create a simple instant messaging application with JavaScript, Angular.js, and Firebase that features three way data binding and real-time application updates without refreshing the page. It was created according to user stories provided in the Bloc Full Stack Developer curriculum.
This is a simple but effective instant messaging application that can be expanded on and customized to create more robust chat applications. This project was created to practice and demonstrate my, JavaScript, Angular.js, HTML, and CSS proficiency as well as to gain more experience implementing a real-time database with Firebase. I used the Firebase AngularFire module to create three-way data binding between the HTML, JavaScript and Firebase database. This allows the application to show new instant message updates in real time without requiring the page to be refreshed.
Open Chat has a simple, mobile responsive design and utilizes UI Bootstrap’s Modal service in combination with ngCookies to require users to signup for a new account or login with an existing email/password pair before proceeding to select a chat room.