Fusion Connect

Fusion Connect is a real-time messaging platform designed to facilitate seamless and immediate communication between users. With features like user login, avatar setup, and instant messaging, Fusion Connect ensures a connected experience across different systems and locations.

Features

• User Authentication: Secure login system for user access.
• Custom Avatars: Users can set and update their avatars.
• Real-Time Messaging: Instant messaging between users using WebSocket and Socket.IO.
• Cross-System Communication: Seamless messaging between users on different systems and locations.

Tech Stack

• Frontend:

  • ReactJS: For building dynamic user interfaces.
  • TailwindCSS: For styling and responsive design.
  • WebSocket: For real-time communication.

• Backend:

  • Node.js: JavaScript runtime for server-side operations.
  • Express.js: Web framework for handling HTTP requests.
  • Socket.IO: Library for real-time, bidirectional event-based communication.
  • MongoDB: NoSQL database for storing user data and messages.

Setup Instructions

Prerequisites

• Node.js (version 14 or higher)
• npm (Node package manager)
• MongoDB (local or cloud)

Clone the Repository

1. Clone the repository to your local machine:

   git clone https://github.com/your-username/fusion-connect.git

2. Navigate into the project directory:

   cd fusion-connect

Frontend Setup

1. Navigate to the client directory:

   cd client

2. Install frontend dependencies:

   npm install

3. Start the React development server:

   npm start

4. Build the React application for production:

   npm run build

5. Run tests (if any):

   npm test

6. Eject the create-react-app configuration (if needed):

   npm run eject

Backend Setup

1. Navigate to the backend directory:

   cd ../backend

2. Install backend dependencies:

   npm install

3. Start the Node.js server:

   npm start

4. Run tests (if any):

   npm test

Running the Application

1. Ensure that the backend server is running:

   npm start

2. Start the frontend development server:

   npm start

3. Open your browser and navigate to http://localhost:3000 to access the application.

Scripts

Backend Scripts

• npm start: Starts the backend server.
• npm test: Placeholder for running tests.

Frontend Scripts

• npm start: Starts the React development server.
• npm run build: Builds the React application for production.
• npm test: Runs tests for the React application.
• npm run eject: Ejects the create-react-app configuration for custom setup.

Contributing

Contributions are welcome! Please open issues or submit pull requests to contribute to the project.

License

MIT License - see the LICENSE file for details.

Contact

For any questions or inquiries, please reach out to [email protected].

---

Happy coding!