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.
HTML5, CSS3, JavaScript, jQuery, Angular.js, Firebase, AngularFire, UI Bootstrap, Grunt, Git
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.