https://github.com/AswinAsok/chat-inn

The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore.
https://github.com/AswinAsok/chat-inn

Last synced: 8 days ago
JSON representation

The Chat'Inn is a simple and minimal realtime chat application whose database is powered by firebase and firestore.

• Host: GitHub
• URL: https://github.com/AswinAsok/chat-inn
• Owner: AswinAsok
• Created: 2022-08-02T03:54:58.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T14:01:42.000Z (almost 2 years ago)
• Last Synced: 2024-08-01T13:34:43.747Z (3 months ago)
• Language: JavaScript
• Homepage: https://chat-inn.vercel.app
• Size: 2.16 MB
• Stars: 12
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![alt text](public/ChatInn.png)

# 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](https://chat-inn.vercel.app/)




## 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](https://www.linkedin.com/in/-aswinasok/)

- [Twitter](https://twitter.com/_aswin_asok_)

- [Instagram](https://www.instagram.com/_aswin_asok_/)

- [Bio.fm](https://bio.fm/aswinasok)

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