Skip to content

Implementation of websockets (server-side and client-side) in a web chat application. I hope you enjoy it.

Notifications You must be signed in to change notification settings

GustavoReinaldi/webchat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

WebChat

Angular 12.1.0 NPM Version (with dist tag) Socket.io - server-side Socket.io - client-side NPM Version Node tag

This is an implementation of WebSockets in a web chat format. Basically, this is an application of Websockets concepts for study purposes.

I hope you like my implementation.

Important

The real goal of this app is to learn the concepts of Web Sockets, and how to implement this connection between frontend and backend. Once learned all this basic concepts I'll be able to create a more complex project, that is coming soon.

This "complex project" consists in a home broker with authentication/authorization services, multi-threading, web sockets, persistence in database, and more tools that will increment the complexity level.


Webchat - Print Screen

Run Frontend

  1. Open the console in the webchat-front directory.
  2. Run npm install to install all dependencies.
  3. Run ng serve for a dev server. Navigate to http://localhost:4200/.

Run Backend

  1. Open the console in the web-socket-back directory.
  2. Run npm install and then run node src/index.js to start server.
  3. By default you can find the server in http://localhost:8080.

Do a Pull Request =)

If you have any fixing or a new feature idea, I'll be so thankful if you help me to improve this basic project doing a Pull Request.

I hope you enjoy it!