Skip to content

A real-time chat application that uses react, react-router, and react hooks in its UI to reflect changes with immediate effect. Implemented backend in node.js using the express framework and native 'HTTP' module. The real-time messaging functionality is achieved using socket.io.

License

Notifications You must be signed in to change notification settings

siddharth-bhatnagar/chatbox-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 

Repository files navigation

The ChatBox

A real-time chat application that uses react, react-router, and react hooks in its UI to reflect changes with immediate effect. Implemented backend in node.js using the express framework and native 'HTTP' module. The real-time messaging functionality is achieved using socket.io.

www.chatbox.in

Build Status

travis

Code Style

Standard - JavaScript Style Guide

Screenshots

Screenshot 2020-12-04 115258 Screenshot 2020-12-04 115248

Tech/Frameworks Used

Built with

Installation

Prerequisite - Install Node and VS-Code on your device.

Fork the project & fire up a terminal to enter the following command:

$ git clone git@github.com:<username>/chatbox-app.git

cd into the project folder using:

$ cd ./chatbox-app/

To open the project in Visual Studio Code, enter:

$ code .

Open another tab in your terminal and cd into the client directory on tab and into the server directory on another, & run the following command on both:

$ npm i

This will install the required node modules to get you started.

Finally, run this command on both tabs to start the respective servers.

$ npm start

How to use?

  • Enter your name as well as enter the name of the room you want to join/create.
  • Click/Touch the Join button.
  • Share you room's name with you friends and ask them to join.
  • Type in your messages and hit 'Enter'.
  • The app provides support for classic emojis.

Licence

This project is licensed under the terms of the MIT license.

About

A real-time chat application that uses react, react-router, and react hooks in its UI to reflect changes with immediate effect. Implemented backend in node.js using the express framework and native 'HTTP' module. The real-time messaging functionality is achieved using socket.io.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published