DEV Community

Soham
Soham

Posted on • Edited on

Nchat : Real-Time Chat Communication

Dev: Dev Profile

What I built

I have created a real time latest chat application using github codespace as environment and ReactJs,NodeJs,Socket.io as tools.

Category Submission:

Wacky Wildcards

App Link

Nchat

Screenshots

Image description

Image description

Description

I have created a chat app using ReactJS, Node.js, Socket.io, and GitHub Codespaces. The app allows users to engage in real-time chat conversations. It provides a user-friendly interface for sending and receiving messages, as well as displaying the chat history. The app is simple and easy to deploy.

Link to Source Code

Github

Permissive License

The app is licensed under the MIT License

Background (What made you decide to build this particular app? What inspired you?)

I decided to build this chat app for the GitHub x Dev Hackathon because I wanted to create a real-time communication tool that could be used for various purposes, such as friendly collaboration, or community engagement. I was inspired by the increasing demand for remote communication tools such as whatsapp,slack and wanted to contribute to the development of such applications.

How I built it (How did you utilize GitHub Actions or GitHub Codespaces? Did you learn something new along the way? Pick up a new skill?)

Github Codespace used really good for less storage capacity in device so I utilized GitHub Codespaces, which is an online development environment provided by GitHub. It allowed me to have a consistent development environment across different machines and made it easy to collaborate with others. I used ReactJS for the frontend, Node.js for the backend, and Socket.io for real-time communication between the server and clients.

Throughout the development process, I learned more about setting up a real-time communication system using Socket.io and how to handle concurrent connections. I also gained experience in deploying applications using GitHub Codespaces and leveraging GitHub Actions for continuous integration and deployment.
Building chat application throughout the hackathon provided me a great learning experience and allowed me to create a functional and scalable application for real-time communication.

Additional Resources/Info

Youtube Video


Backend Server: Backend

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 (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

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

Okay