DEV Community

Cover image for A Simple chat app using Socket.io with NodeJS and ReactJS
Malik Idrees
Malik Idrees

Posted on β€’ Edited on

10

A Simple chat app using Socket.io with NodeJS and ReactJS

I have used:

  • NodeJS with Express for server side logic
  • ReactJS to build a simple client app
  • Socket.io for real-time connection between both sides

Live Preview
Connect from two different tabs or two different PC's to test it out

shows the landing page
You can use it to understand how sockets work in react with a bit of touch from Material UI(An unoptimized overkill).

I am a full stack developer and i created this small app to understand working of sockets. Here is another resource to learn about socket by JavaScript Mastery.
Source code
Stay Tuned for more coming soon!

What's next?

A detailed article about creating API's using Node.js and MongoDb along with In-memory testing and optional GitHub actions to test and deploy to Heroku whenever I have free time.

GitHub: Link ⭐
Thanks for reading!

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (1)

Collapse
 
vineyrawat profile image
Viney Rawat β€’

Great article πŸ‘Œ

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay