Coder Social home page Coder Social logo

chat-app-using-websocket's Introduction

๐Ÿš€ Secret Chat

Welcome to Secret Chat! This is a real-time chat application built with the power of React on the frontend and Node.js on the backend, leveraging the Socket.io package for seamless web-socket connections. ๐ŸŽ‰

Secret Chat

๐Ÿง  Project Purpose

The main goal of this project is to delve deep into the world of real-time communication by creating a chat application. This project helped me understand how websockets work and how to integrate them into a full-stack application. ๐Ÿ“š

๐Ÿ› ๏ธ Getting Started

Follow these steps to get the application up and running on your local machine:

1. Clone the Repository

git clone https://github.com/naveen-g09/secret-chat.git

2. Setting Up the Backend

Navigate into the server directory and install the necessary dependencies:

cd secret-chat/server
npm install
npm start

Your backend server should now be running. ๐ŸŒ

3. Setting Up the Frontend

Navigate back to the root directory and then into the client directory to set up the frontend:

cd ../client
npm install
npm start

Your frontend should now be running. ๐Ÿ–ฅ๏ธ

4. Running the Application

Open your web browser and go to:

http://localhost:3000

To test the real-time communication, open the application in another browser window or tab, and enjoy chatting! ๐Ÿ’ฌ

๐Ÿ™Œ Contributing

Feel free to fork this repository and contribute by submitting a pull request. Let's build something amazing together! ๐Ÿš€

๐Ÿ“„ License

This project is licensed under the MIT License. See the LICENSE file for details.


Happy chatting! ๐Ÿ—จ๏ธโœจ

chat-app-using-websocket's People

Contributors

naveen-g09 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.