chat-room Tailwind Templates

Chat Room

A real-time chat app with user authentication, MongoDB-backed message storage, room join/leave functionality, and typing indicators for 1-on-1 messaging. Sessions are managed with Local Storage, and all schemas include proper validation.

Chat Room App

License

React TypeScript Tailwind Node.js Express.js MongoDB ESLint Prettier

Description

The app includes a working signup page where usernames must be unique and checked against the database. Users can log in and log out with session management handled via Local Storage. MongoDB enforces proper validation on all schemas to prevent crashes. Users can join and leave chat rooms by selecting them from the sidebar. A typing indicator is implemented for one-on-one messaging. All chat messages are stored and persisted in MongoDB.

Example

Chat side by side

To Run Locally

  1. Create .env file in root with Mongo Database and PORT
MONGO_URI=mongodb://admin:adminpassword@localhost:27017/chat-room?authSource=admin
PORT=3000
  1. run build in root
npm run build
  1. Run start in root
npm run start

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

For any inquiries or questions, you can reach me at tyleroneildev@gmail.com or on my linkedin at https://ca.linkedin.com/in/tyler-oneil-dev

Top categories

Loading Svelte Themes