Skip to content

React and Node-based project that enables users to communicate through a localhost chat room by connecting via a unique chatroom ID.

License

Notifications You must be signed in to change notification settings

mirajsankdecha/Chatroom-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Miraj Sankdecha Website Miraj Sankdecha LinkedIn Miraj Sankdecha Twitter Miraj Sankdecha Instagram


HTML Bootstrap Javascript React Nodejs Git Markdown VSCode

📝 Introduction

"Chatroom" is an innovative project developed in ReactJS, utilizing the Bootstrap CSS framework to create an intuitive and responsive chat application. This platform integrates Socket.IO for real-time communication, enabling users to join specific chat rooms using unique room IDs and exchange messages seamlessly.

🔍 Project Overview

🎯 Objectives

Developed with a vision to facilitate seamless communication, "Chatroom" aims to provide a user-friendly and efficient real-time messaging platform. The key objectives include:

  1. Real-Time Interaction: Establish a seamless communication channel for users through real-time messaging using Socket.IO.
  2. User Engagement: Foster effective and private communication channels by allowing users to join specific chat rooms with unique room IDs.
  3. Simplified User Interface: Utilize ReactJS and Bootstrap to create an intuitive and responsive user interface for enhanced user engagement and connectivity.

ℹ️ Project Details

💻 Development Environment

  • Front-End Tools: Visual Studio Code (VS Code)
  • Back-End Tools: Command Prompt
  • Operating System: Windows 11
  • API Integration: Socket.IO
  • Debugging Tools: Chrome Development Tools

👨‍💻 Developer Information

🚀 Features

"Chatroom" enables users to:

  • Join Specific Rooms: Enter unique room IDs to join specific chat rooms for seamless communication.
  • Real-Time Messaging: Exchange messages in real-time, facilitating efficient and immediate communication.

🔧 Installation Guide

To run the project locally, follow these steps:

  1. Clone the Repository:

    • Use the following command to clone the project repository to your local machine:
      git clone https://github.com/mirajsankdecha/Chatroom-react.git
  2. For Client:

    • Navigate to the client directory:
      cd Chatroom-react/chat
    • Install the necessary dependencies:
      npm install
    • Start the application:
      npm start
  3. For Server:

    • Navigate to the server directory:
      cd Chatroom-react/server
    • Install the required dependencies:
      npm install
    • Start the server:
      npm start

👨‍🚀 Show your support

Give a ⭐️ if this project helped you!

📄 License

MIT/Massachusetts Institute of Technology(here LICENSE)

The Caresure Health Insurance code is licensed by Massachusetts Institute of Technology.

By contributing to Caresure Health Insurance, you will be agreeing that your contributions will be licensed under its Massachusetts Institute of Technology(MIT).