The Chat-in

The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore. The frontend part is complete made using React.js and made responsive using normal css properties.

• My main aim was to learn firebase.
• By reading the official firebase documentation.
• And to implement a minimal chat interface using firebase.

Check It Out: Chat'Inn

About the App

The app was built over the course of a week eventhough the idea is very common and there are infinity apps and tutorial with the same idea. I was determined to make it by referring the Firebase Docs. Therefore it was interesting to build and has a uniqueness in its make. The app code is available at Github and is hosted at Vercel.

Technologies Used

• Firebase: For the Authentication Implementation(Signin and Login).
• Firestore: Realtime Updates, and Database storage.
• Material UI: To implement snackbars for error handleing.
• React.js: Frontend Framework
• CSS: For implementing custom styling and responsiveness.

NPM Modules Used

• react-scroll-to-bottom: Auto scroll on new message.
• javascript-time-ago: Convert chat time to ago format.
• firebase: Authentication and Database.
• mui/material: Snackbars.

About Me

I am Experienced Web Developer with almost one year of industry level experience. Creativity being my passion, I collaborated with various startups and tech communities in the industry. Enabling them to showcase and express themselves through my websites and creative posters respectively.

• LinkedIn
• Twitter
• Instagram
• Bio.fm

How was the Inn, Feel Free to Support me with a ⭐