A chat application made using Next.js and Socket.io.

Overview

Chat App

Login Page Create Room Default Room Protected Room
img img img img

Demo

Getting Started

🛠 Development Server

npm install --s --f && npm run dev
# or
yarn install && yarn dev

🛠 Production Server

npm install --s --f && npm run build && npm run start
# or
yarn install && yarn build && yarn start

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.js. The page auto-updates as you edit the file.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the clqu.

Check out our Next.js deployment documentation for more details.

Star

  • Don't forget to star this repo for support :)
You might also like...

A minimalistic web application made using Next.js and Twitter API for Saturday Hack Night by TinkerHub

A minimalistic web application made using Next.js and Twitter API for Saturday Hack Night by TinkerHub

The Twittr. On the social media platform Twitter, a ratio, or getting ratioed, is when replies to a tweet vastly outnumber likes or retweets. This mea

Apr 17, 2022

To keep online organized data and be able to add listeners in certain paths by socket.io and http clients

To keep online organized data and be able to add listeners in certain paths by socket.io and http clients

The purpose of this project is to create a state machine server to keep organized data and be able to add listeners with socket.io in specific paths and in addition to providing a possible form of messages between socket.io clients.

Mar 19, 2022

Node.js implementation of the Socket SDK client

SYNOPSIS A Node.js adapter for the Socket SDK DESCRIPTION Socket SDK uses a simple uri-based protocol for brokering messages between the render proces

Dec 28, 2022

TikTokLive-Widget: A socket client/server program that exposes a widget with alerts (such as gifts, followers ...) for a specific user streaming on Tik Tok Live platform

TikTokLive-Widget: A socket client/server program that exposes a widget with alerts (such as gifts, followers ...) for a specific user streaming on Tik Tok Live platform

TikTokLive-Widget: A socket client/server program that exposes a widget with alerts (such as gifts, followers ...) for a specific user streaming on Tik Tok Live platform

Dec 3, 2022

Socket.IO server for Deno

Socket.IO server for Deno An implementation of the Socket.IO protocol for Deno. Table of content: Usage Options path connectTimeout pingTimeout pingIn

Jan 1, 2023

Socket IO Connector for Yjs (Inspired by y-websocket)

Welcome to y-socket.io 👋 Socket IO Connector for Yjs (Inspired by y-websocket) Y-socket.io is a YJS document synchronization implementation over the

Dec 21, 2022

Örnek kurye takip socket uygulaması

Örnek kurye takip socket uygulaması

Kullanılan Teknolojiler NodeJS npm Bilgi Proje 4646 portunda çalışmaktadır. Dilerseniz bu portu değiştirebilirsiniz. server.listen(4646, function () {

Nov 27, 2022

How to use socket.io in Unity WebGL

Setup Socket Client for Unity WebGL This is simply a guide with some code samples to get you started and is NOT a Unity package/plugin that you can im

Mar 14, 2023

This is a fully functional DAO, a Web3 project made using Solidity, Hardhat, JS, Next.js, Openzeppelin, CSS, HTML, using the Rinkerby network!

My First DAO! This is made for a DAO-Tutorial via learnweb3.io This is a DAO, a decentralised autonomous organisation, essentially a more collective a

Jun 20, 2022
Owner
to think, to dream, to go beyond dreams. ✨ Full-stack Web Developer ᅠᅠᅠᅠ 📧 for business: [email protected]
null
A complete application tutorial to show how to implement the Web Socket protocol using only Node.js builtin modules

Web Socket application using only Node.js built-in modules About Welcome, this repo is part of my youtube video about Building a complete application

Erick Wendel 35 Dec 19, 2022
Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files.

Obsidian Chat View Plugin Chat View let's you quickly and easily create elegant Chat UIs in your Markdown Files. Usage Every chat message must be pref

Adifyr 96 Dec 27, 2022
A social network app cloned from Instagram built with Next.Js, Socket.IO and a lots of other new stuff.

Instagram Noob ⚡ A social network app cloned from Instagram built with Next.Js, Socket.IO and a lots of other new stuff. Live Demo: https://instagram-

Hung Minh 20 Oct 19, 2022
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.

Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own

Microsoft 14 Dec 15, 2022
Replaces Youtube Chat with Destiny.gg chat.

A lightweight extension that replaces the native Youtube Live chat with an embeded destiny.gg chat. Note: This is in no way affiliated with Destiny.gg

Daniel Alas 8 Jul 27, 2022
O Web-Chat é um projeto com o intuito de criar um chat de ajuda, que contém uma experiência dinâmica e salva as informações preenchidas pelo usuário usando um formulário.

Web-Chat Introdução O Web-Chat é um projeto com o intuito de criar um chat de ajuda, que contém uma experiência dinâmica e salva as informações preenc

BiaGrenzel 5 Oct 5, 2022
This application provides the CDK project and a frontend that allows you to build a serverless chat application based on API Gateway's WebSocket-based API feature.

Serverless chat application using ApiGateway Websockets This project lets you provision a ready-to-use fully serverless real-time chat application usi

AWS Samples 60 Jan 3, 2023
I built a full-stack project using Node, Express, Mongo, webRTC, socket.io, and of course React JS. This project is inspired by the awesome Clubhouse 😊

codershouse-mern - This Project is Under Development. Below are some of the implemented interface and the remaining features will be updated in future

Bishal Das 35 Nov 18, 2022
a chatt app build using node , express and socket IO , it has many rooms

RealTime-chatt-app you can view the app here : https://bit.ly/3zce4ON a chatt app build using node , express and socket IO . used to public chatt room

null 11 Aug 31, 2022
Simple google docs thing in Remix using socket.io.

This is just a simple google docs thing, me playing around with Remix and sockets. TODO: from socket.io to yjs sockets, support CRDT. Installation Aft

Tiger Abrodi 20 Apr 19, 2022