Bloc Chat


Web Chat with Firebase and React

Bloc Chat was built as my second project using React. This was part of my curriculum with and was a great experience in learning the concepts of how to build a React app. The app was first built by creating a list of chat rooms that dynamically updates when a user adds a new chat room. After that, displayed messages for each chat room were generated. In order to create messages as a registered user, Firebase was added for user authentication and to save messages for each user. All messages only display within the given chat room in which they were created. Messages and chat rooms may be deleted and edited when necessary. The page was styled using Material UI. It is mobile responsive, though it is best used on a desktop platform. This was my first time using a database with React and it was a good experience in further learning React and showing the power that it has when used with a dynamic database like Firebase.

Built with: React, Firebase, MaterialUI

Started in Spring 2018

github Back To Portfolio,q_10,w_10/v1559996358/xTD2VWq.png