EvergreenTalks is a real-time chat application built using the MERN stack (MongoDB, Express.js, React, Node.js) with Socket.io for real-time messaging. This platform enables users to connect, communicate, and engage in lively discussions via individual and group chats.
- Socket.io Integration: Enables real-time message exchange between users, making the communication instant and seamless.
- Message History: Each chat room retains its message history, including timestamps, for users to access previous conversations.
- Private and Group Chats: Users can engage in one-on-one messaging or join group chats for multi-user conversations.
- Online User Status: Displays the list of users who are currently online and available to chat.
- Message Notifications: New messages trigger a sound notification to alert users instantly about incoming messages.
- JWT-based Authentication: Users register and log in securely using JWT (JSON Web Tokens), ensuring authenticated communication.
- Password Hashing: Bcrypt is used to hash passwords before storing them for enhanced security.
- Email Validation: Express Validator is used for ensuring proper format for email and password during registration and login.
- Search Users: Users can search for other users by username to start private chats or invite them to group chats.
- Frontend: React.js, Zustand for state management, DaisyUI for UI components, Tailwind CSS for styling
- Backend: Node.js, Express.js, Socket.io for real-time messaging
- Database: MongoDB (Atlas)
- Authentication: JWT (JSON Web Tokens)
- Real-Time Messaging: Socket.io
root/ ├── frontend/ # Frontend React app │ ├── src/ │ │ ├── components/ # Reusable UI components │ │ ├── context/ # Context for managing global state (User, Messages, Rooms) │ │ ├── utils/ # Utility functions for messaging │ │ └── App.js # Main application entry point │ ├── node_modules/ # Modules for the frontend │ ├── package.json # Frontend project dependencies │ └── package-lock.json # Frontend dependencies lock file ├── backend/ # Backend API │ ├── models/ # MongoDB models (User, Message, Room) │ ├── routes/ # API routes for registration, login, etc. │ ├── middleware/ # JWT and error handling middleware │ ├── index.js # Main server entry point │ ├── db.js # MongoDB database connection │ ├── node_modules/ # Modules for the backend ├── package.json # Backend project dependencies └── package-lock.json # Backend dependencies lock file ├── README.md # Project documentation
To get started with the project, follow these steps:
- Clone the repository:
git clone https://github.com/SidRai-247/Evergreen-Talks.git cd Evergreen-Talks - Navigate to the backend directory:
cd backend - Install backend dependencies::
npm install
- Start the backend server::
nodemon server.js
- Navigate to the frontend directory::
cd ../frontend - Install Frontend dependencies::
npm install
- Run the frontend application::
npm run dev
While the project is functional, there are several areas that could be enhanced in the future:
- Mobile App Version: Develop a mobile version of the application for iOS and Android.
- Advanced Data Visualizations: Add more dynamic charts like bar charts and heatmaps to provide deeper insights into expenses and to-dos.
- User Profiles: Allow users to have more customizable profiles and settings for a personalized experience.
- Real-time Notifications: Add real-time notifications for upcoming bills, tasks, or spending alerts.
- Improved Security: Integrate multi-factor authentication (MFA) for enhanced security during login.
- Chart Export: Integrate more options like daily, weekly, and monthly chart export options.
- Chatroom Features: Add support for file sharing, media messages, and emojis in the chat rooms.
The application has been deployed using Render.com. You can access the live version of the project via the link below once it is available: