https://github.com/kishorenath7806/convo-chat-app
Convo Chat App is a modern, full-featured real-time chat application built with React, Tailwind CSS, Javascript and Firebase. Designed for seamless and secure communication, Convo Chat App enables users to sign up, log in, and exchange messages in a user-friendly and responsive interface.
https://github.com/kishorenath7806/convo-chat-app
backend chat-app cloudinary firebase frontend javascript messaging react real-time responsive-design tailwindcss
Last synced: 2 months ago
JSON representation
Convo Chat App is a modern, full-featured real-time chat application built with React, Tailwind CSS, Javascript and Firebase. Designed for seamless and secure communication, Convo Chat App enables users to sign up, log in, and exchange messages in a user-friendly and responsive interface.
- Host: GitHub
- URL: https://github.com/kishorenath7806/convo-chat-app
- Owner: KishoreNath7806
- Created: 2025-06-02T10:45:17.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-07T19:21:14.000Z (about 1 year ago)
- Last Synced: 2025-07-02T17:44:27.731Z (12 months ago)
- Topics: backend, chat-app, cloudinary, firebase, frontend, javascript, messaging, react, real-time, responsive-design, tailwindcss
- Language: JavaScript
- Homepage: https://convo-chat-app-lilac.vercel.app
- Size: 3.87 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🗨️ Convo – Real-Time Chat Application
Convo is a full-stack real-time chat application built with **React.js**, **Firebase**, and **Cloudinary**, designed to provide seamless, instant communication with a modern, dynamic user interface. It includes a dynamic landing page, real-time messaging, emoji support, and user authentication with profile image uploads.
---
## 🚀 Features
- 🌐 **Dynamic Landing Page** – Smooth animations, feature highlights, and responsive design
- 🔐 **User Authentication** – Sign Up / Sign In using Firebase Authentication
- 💬 **Real-Time Messaging** – 1:1 chats using Firebase Realtime Database
- 🖼️ **Profile Image Upload** – Integrated with Cloudinary for cloud storage
- 😄 **Emoji Picker** – Expressive messaging with a full emoji selector
- 👁️ **Seen & Last Seen** – Message status and user activity indicators
- 📱 **Responsive Design** – Works beautifully on desktop and mobile devices
---
## 🛠️ Tech Stack
- **Frontend:** JavaScript, React.js, HTML, CSS
- **Backend/Database:** Firebase Realtime Database
- **Authentication:** Firebase Authentication
- **Media Storage:** Cloudinary
- **Other Libraries:** Emoji Picker, React Router DOM, and more
---
## 📸 Screenshots
- **Landing page**
- **Authentication page**
- **Main page**
---
## 🔧 Installation & Setup
Clone the repo
```
git clone https://github.com/yourusername/convo-chat-app.git
```
Install dependencies
```
npm install
```
Start the development server
```
npm run dev
```
.env:
```
REACT_APP_FIREBASE_API_KEY=your_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_domain
REACT_APP_FIREBASE_DATABASE_URL=your_db_url
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
REACT_APP_CLOUDINARY_CLOUD_NAME=your_cloud_name
REACT_APP_CLOUDINARY_UPLOAD_PRESET=your_upload_preset
```
---
## 🎯Learning Highlights
- **🔄Real-time communication with Firebase Realtime Database**
- **☁️Profile image handling using Cloudinary**
- **🧱Modular, scalable React component design**
- **📱Responsive layouts and intuitive UI/UX**
- **🔐Secure user authentication and state management**
---
## 🤝 Contributing
Contributions are welcome! If you have suggestions or improvements, please open an issue or submit a pull request.
---
## ❤️ Acknowledgements
Thank you to all open-source contributors and the **React, Firebase, Cloudinary and Vercel communities**.
---
## 📬 Contact
Built by **Kishore Nath C S**
- 🔗 [LinkedIn](https://www.linkedin.com/in/kishore-nath-c-s-332724310/)
- 🐙 [GitHub](https://github.com/KishoreNath7806)
- 📧 [Mail-ID](kishorenath2308@gmail.com)