CoffeeChat

Note

You may need a Google Firebase Account to Run this Application Properly.

A Chat application design for my family built in Modern React for a responsive and fast web-design. Paired with Googles Firebase API for endpoint authentication, Load balancing and Storage options - Coffee Chat makes for a streamlined, lightweight tool that can be ran on almost any system or browser thanks to the Virtual DOM.

Built for friends, family and communication around the world. Coffee Chat has features you would expect: Instant Messaging, Friend Lists, Connections and Stories, Group or Direct Messaging, Privacy Settings, Compatible Encoding with Custom Gifs and Emojis.

What Did I use Here?

• The Design implementation
• ReactJS + React-Router: Front-End, Responsive GUI
• TypeScript + ESLint Config: For API Middleware and Communication
• Firebase DB/API: Database for Storage

Chat Application Rough Design

Firebase Entity-List Store:

• These Stats show the Client a rought model of the architecture and how it could be designed. There could be a lot more fields however, to keep it simple for now we will focus just on users and messaging.

Installation

• clone the repository git clone https://github.com/TomAndJerrys2/Coffee-Chat
• In the main directory, run npm i - This will install the dependencies
• All thats left to do is Run! npm start or npm run dev-test

Future Plans

• Group Messaging and Indexing
• Better Profile/Account Cards
• Profile Nicknames for Self and Friends

License

Thanks for Checking out CoffeeChat!

By Kyle Brady