WebSocketsNodeJSReact

The project features a real-time web application that allows users to create and delete tasks. The tasks are displayed on a React frontend. The communication between the frontend and backend is done through WebSockets.

Prerequisites

• Node.js - To install the dependencies/modules of the project.

Built With

• Visual Studio Code - The IDE used in this project.
• Node.js - As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications.
• React - React is a JavaScript library for building user interfaces.
• ws - ws is a simple to use, blazing fast, and thoroughly tested WebSocket client and server implementation.

Installation Manual

Clone this respository.

git clone https://github.com/kvalls/WebSocketsNodeJSReact.git

After opening it in Visual Studio Code, install the backend's dependencies:

cd /backend
npm install

You can now start the backend:

npm start

Install the frontend's dependencies:

cd /frontend
npm install

You can now start the frontend:

npm start

The website should start up now.

Small Presentation

• Threads, Processes, Sockets, and Websockets: Exploring the Differences