Eco-connect

🚀 About the Project

This is a Eco-connect that replicates the core functionalities of Discord, allowing users to communicate via text and voice channels. The project was built to enhance my skills in web development and real-time communication.

✨ Features

• 🔹 User Authentication (Sign Up, Login, Logout)
• 🔹 Real-time Messaging
• 🔹 Voice Channels
• 🔹 Server & Channel Creation
• 🔹 Friend System (Add/Remove Friends)
• 🔹 Responsive UI
• 🔹 Dark Mode Support (Optional)

🛠️ Tech Stack

Frontend:

• React.js (for UI components and interactivity)
• Redux (for state management)
• Tailwind CSS / CSS Modules (for styling)

Backend:

• Node.js (server-side logic)
• Express.js (handling API requests)
• Socket.io (real-time communication)

Database:

• MongoDB (NoSQL database for storing users, messages, and server data)

🚀 Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (LTS version recommended)
• MongoDB (local or cloud instance)
• Git (optional but recommended)

Installation Steps

1. Clone the repository

   git clone https://github.com/AnasNihal/ChatterHub.git
   cd ChatterHub

2. Install dependencies

   • Frontend:

     cd client
     npm install

   • Backend:

     cd server
     npm install

3. Set up environment variables

   • Create a .env file in the server directory and add your MongoDB URI, JWT Secret, and other required configurations.

4. Run the application

   • Start the backend server:

     cd server
     npm start

   • Start the frontend:

     cd client
     npm start

5. Open the application

   • Visit http://localhost:3000 in your browser.

📸 Screenshots

🛠 Future Enhancements

• ✅ Video Calling Feature
• ✅ More Customization Options for Servers
• ✅ Profile & Status Updates

🤝 Contributing

Contributions are welcome! Feel free to fork the repository and submit a pull request.

📜 License

This project is licensed under the MIT License.

📞 Contact

• GitHub: AnasNihal
• Email: [email protected]