This web application is a public group chat and discussion platform that draws inspiration from popular social media platforms like Twitter Space, Club House, Reddit Talk, and Discord Chat. Built using MERN (MongoDB, Express, React, Node.js) and written in Typescript, the app provides users with the ability to participate and host public or private chat rooms for real-time communication and collaboration. The UI is built using Mantine UI and Tailwind CSS, making it easy to use and accessible to a wide range of users. Users can join ongoing conversations and interact with one another through text, voice, and video, making it an ideal platform for group discussions on a variety of topics.
- Good looking UI and animation made with Tailwind CSS, Mantine UI and Framer Motion
- Multiple Authentication Options
- User can create room and discuss/talk with others.
- More Features are coming
- Navigate to the
clientfolder - Install the dependencies by running
npm install - Create a
.envfile based on the.env.examplefile and set the appropriate environment variables - Start the development server by running
npm run dev - The frontend will be available at
http://localhost:3000
- Navigate to the
serverfolder - Install the dependencies by running
npm install - Create a
.envfile based on the.env.examplefile and set the appropriate environment variables - Start the server by running
npm run dev - The backend will be available at
http://localhost:5000
- React JS (Typescript)
- Mantine UI + Tailwind CSS
- Axios + React Query
- Node JS
- Express JS
- Socket IO
- Mongo DB
- VS Code
- ES Lint
- Prettier
In case of any issues or for any other inquiries, please contact me at sahilverma.webdev@gmail.com