Prerequisite
Before setting up and running TeamWise, ensure your system meets the following prerequisites. These technologies are essential for the frontend, backend, real-time communication, and database management.
MySQL and Local Server (XAMPP / MAMP / LAMP)
Role: MySQL stores user data, team information, chat history, and call logs. A local server like XAMPP, MAMP, or LAMP is required to run MySQL and manage the database locally.
Required Version: Latest stable version
Official Installation Link:
XAMPP (Windows / Mac / Linux)
MAMP (Windows / Mac)
LAMP (Linux)
Start the MySQL module from your local server control panel. Node.js will connect to this database using the configured port (default 3306). Tools like phpMyAdmin are included for easy database management.
Node.JS
Role: Node.js serves as the backend runtime environment, handling API requests, managing WebSocket connections via Socket.IO, and powering server-side logic.
Required Version: Node.js 22
Official Installation Link: Node.js Official Website
Node.js provides a scalable, non-blocking architecture ideal for real-time messaging and WebRTC signaling. It also allows installation of all project dependencies, including React, Socket.IO, and WebRTC packages.
React
Role:React is the frontend framework for TeamWise, providing a dynamic and responsive user interface for chat, audio/video calls, and team management.
Required Version: React 19
Installation: React is installed automatically when you run npm install or yarn install in the project directory. No separate system-level installation is required.
React enables building reusable UI components and handling real-time updates efficiently.
Socket.IO (Client)
Role: Socket.IO enables real-time, bi-directional communication for instant messaging, presence indicators, and notifications.
Required Version: Latest stable version
Installation: Installed automatically via npm install in the project directory. No external installation required.
Official Website: Socket.IO
Handles live chat, typing indicators, online/offline status, and real-time updates in TeamWise.
WebRTC
Role:WebRTC powers high-quality audio and video calls in TeamWise, enabling peer-to-peer communication in the browser.
Required Version: Latest stable version
Installation: Included via project packages and installed automatically when running npm install.
Official Website: WebRTC
Provides secure, low-latency, real-time voice and video communication without external plugins.
Note : Once Node.js and a local server (XAMPP/MAMP/LAMP) are installed, running npm install in the project directory will automatically install React, Socket.IO client, WebRTC packages, and other dependencies. This ensures a fully functional TeamWise environment without manual installations of frontend or real-time communication libraries.
What's Next?
Let’s get started — your team’s new home is Teamwise Chat!
