Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Alex András Mándrik
Alex András Mándrik

Posted on

     

Socket.IO Chat App

Alt Text

I created my first chat app with Socket.IO. Feel free to review my code and share your advice.

Demo:https://socket-io-chat-mnd-app.herokuapp.com/

Top comments(7)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
neatcoder profile image
Neat Coder
Coding Content Creator at YouTube | Python and JavaScript enthusiast | I use Django for most of my work in the back-end in the web | I like to engage in cool AI projects with Python
  • Email
  • Location
    Sri Lanka
  • Education
    Self-taught
  • Work
    Full-Stack Web Dev
  • Joined

Nice App!
More better if you include a database like Mongodb

CollapseExpand
 
mndalex profile image
Alex András Mándrik
  • Work
    Fullstack Laravel Developer
  • Joined

I want to build a Facebook Messenger clone in the future.

CollapseExpand
 
neatcoder profile image
Neat Coder
Coding Content Creator at YouTube | Python and JavaScript enthusiast | I use Django for most of my work in the back-end in the web | I like to engage in cool AI projects with Python
  • Email
  • Location
    Sri Lanka
  • Education
    Self-taught
  • Work
    Full-Stack Web Dev
  • Joined

Awesome!

CollapseExpand
 
sahilatahar profile image
Sahil Atahar
Full Stack Developer | Looking for growth possibilities
  • Location
    India
  • Pronouns
    He/Him
  • Joined

Nice, I have also build a Realtime code editor project using socket.io calledCode-Sync.

🔮 Features of the project:

  • 💻 Real-time collaboration on code editing across multiple files
  • 🚀 Unique room generation with room ID for collaboration
  • 🌈 Syntax highlighting for various file types with auto-language detection
  • 💡 Auto suggestion based on programming language
  • ⏱️ Instant updates and synchronization of code changes across all files
  • 📣 Notifications for user join and leave events
  • 🎨 Multiple themes for personalized coding experience
  • 🌍 Comprehensive language support for versatile programming
  • 🔠 Option to change font size and font family
  • 👥 User presence list of users currently in the collaboration session, including online/offline status indicators
  • 📁 Open, edit, save, and delete file functionalities
  • 💾 Option to download files edited within the collaboration session
  • 💬 Group chatting allows users to communicate in real-time while working on code.
  • 🎩 Real-time tooltip displaying users currently editing
  • 🚀 Code Execution: Users can execute the code directly within the collaboration environment, providing instant feedback and results.
CollapseExpand
 
charupraneeth profile image
charupraneeth
A half-sane and sleep deprived
• Edited on• Edited

First thing I saw is that the website is not responsive

CollapseExpand
 
mndalex profile image
Alex András Mándrik
  • Work
    Fullstack Laravel Developer
  • Joined

Good perception, but my main goal is to learn the Socket.IO

CollapseExpand
 
bittu1040 profile image
bittu1040
  • Joined

can you please explain code.

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

  • Work
    Fullstack Laravel Developer
  • Joined

Trending onDEV CommunityHot

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp