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

Quadratic AI

Quadratic AI – The Spreadsheet with AI, Code, and Connections

  • AI-Powered Insights: Ask questions in plain English and get instant visualizations
  • Multi-Language Support: Seamlessly switch between Python, SQL, and JavaScript in one workspace
  • Zero Setup Required: Connect to databases or drag-and-drop files straight from your browser
  • Live Collaboration: Work together in real-time, no matter where your team is located
  • Beyond Formulas: Tackle complex analysis that traditional spreadsheets can't handle

Get started for free.

Watch The Demo 📊✨

Top comments (0)

AWS Q Developer image

Your AI Code Assistant

Automate your code reviews. Catch bugs before your coworkers. Fix security issues in your code. Built to handle large projects, Amazon Q Developer works alongside you from idea to production code.

Get started free in your IDE

👋 Kindness is contagious

DEV is better (more customized, reading settings like dark mode etc) when you're signed in!

Okay