Table of Contents
Open-source chat platform with discord-like features built with React, Redux, Vite and Firebase
π Visit Live Website
- 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
This project was built using the following technologies:
- βοΈ React
- π· TypeScript
- π₯ Firebase
- π§° Redux Toolkit
- β‘ Vite
- π ESLint
- πͺ react-firebase-hooks
- π¦ react-router-dom
- π¨ Tailwind CSS
To get started with this project, follow these steps:
- Clone the repository to your local machine.
- Install the dependencies by running
npm install
. - Start the development server by running
npm start
.
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
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 for more details.
Hein Thant π» π¨ |
Pratyush Joshi π» |
tran1109 π» |
This project is licensed under the MIT License - see the LICENSE for details.