Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/indiecodermm/convoz-chat
📢A user-friendly chat app for building online communities. Built with React, Redux and Firebase
https://github.com/indiecodermm/convoz-chat
collaborate firebase firestore learn react redux-toolkit tailwind typescript vite
Last synced: about 7 hours ago
JSON representation
📢A user-friendly chat app for building online communities. Built with React, Redux and Firebase
- Host: GitHub
- URL: https://github.com/indiecodermm/convoz-chat
- Owner: IndieCoderMM
- License: mit
- Created: 2023-10-22T06:34:11.000Z (about 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-11-05T16:17:41.000Z (about 1 year ago)
- Last Synced: 2023-11-05T17:25:57.185Z (about 1 year ago)
- Topics: collaborate, firebase, firestore, learn, react, redux-toolkit, tailwind, typescript, vite
- Language: TypeScript
- Homepage: https://convoz-chat.onrender.com/
- Size: 1.64 MB
- Stars: 2
- Watchers: 1
- Forks: 2
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Table of Contents
- [Convoz](#convoz)
- [🚀 Visit Live Website](#-visit-live-website)
- [🔥 Features](#-features)
- [🛠️ Stack](#️-stack)
- [📙 Getting Started](#-getting-started)
- [🗂️ Project Structure](#️-project-structure)
- [🤝 Contributing](#-contributing)
- [🎖️ Contributors](#️-contributors)
- [📜 License](#-license)
# Convoz
[](https://github.com/IndieCoderMM/convoz-chat/commits/dev)
[](https://github.com/IndieCoderMM/convoz-chat/issues)
[](https://github.com/IndieCoderMM/convoz-chat/graphs/contributors)
[](https://github.com/IndieCoderMM/convoz-chat/stargazers)
[](https://github.com/IndieCoderMM/convoz-chat/blob/main/LICENSE)
> Open-source chat platform with discord-like features built with React, Redux, Vite and Firebase
## 🚀 Visit [Live Website](https://convoz-chat.onrender.com/)
## 🔥 Features
- **Real-time Chat**: Responsive chat experience with real-time updates
- **Channel Management**: Create, join and manage channels easily
- **User Authentication**: Secure user authentication with Google Sign-In
- **User-Friendly Interface**: Intuitive UI/UX design to enhance user experience
## 🛠️ Stack
This project was built using the following technologies:
- ⚛️ React
- 🔷 TypeScript
- 🔥 Firebase
- 🧰 Redux Toolkit
- ⚡ Vite
- 🔍 ESLint
- 🪝 react-firebase-hooks
- 🚦 react-router-dom
- 🎨 Tailwind CSS
## 📙 Getting Started
To get started with this project, follow these steps:
1. Clone the repository to your local machine.
2. Install the dependencies by running `npm install`.
3. Start the development server by running `npm start`.
## 🗂️ Project Structure
The project is structured as follows:
```
.
├── src/
│ ├── assets
│ ├── components
│ ├── features/
│ │ ├── Channels/
│ │ │ ├── CreateChannel.tsx
│ │ │ └── channelsSlice.ts
│ │ └── Chat
│ ├── lib/
│ │ ├── firebase.ts
│ │ └── store.ts
│ ├── pages/
│ │ ├── Landing.tsx
│ │ └── Channels.tsx
│ ├── styles
│ ├── App.tsx
│ ├── main.tsx
│ └── RootLayout.ts
├── package.json
└── tailwind.config.js
```
## 🤝 Contributing
This project is perfect for learners and open-source enthusiasts. We welcome contributions from everyone!
You can contribute in many ways:
- ⭐ Star the repo
- 🐞 Report bugs
- 💡 Suggest new features
- 👩💻 Implement new features/bug fixes
Please check out our [Contribution Guide](./CONTRIBUTING.md) for more details.
## 🎖️ Contributors
Hein Thant
💻 🎨
Pratyush Joshi
💻
tran1109
💻
## 📜 License
This project is licensed under the MIT License - see the [LICENSE](./LICENSE) for details.