- User join or create a chat room by entering a name.
- User see the list of users in the chat room.
- User can read the last 10 messages.
- User can read new messages.
- User can write and send new messages.
- [] User can SignUp
- User can Login ( Github | Google SSO with auth0 )
- Admin of chat room can kick others users
- An hosted version of the app CrispChat
- A good UI ( depending of personal feeling )
Name | Doc |
---|---|
Vue3 | vuejs.org |
SocketIO | Socket.IO |
Tailwindcss | tailwindcss |
You can find it here: crisp-chat-srv.
Start the server before running the following commands
npm install
cp .env.sample .env
npm run dev
Hosted App: https://crisp-chat.vercel.app/
After a successful login, you will be able to see a simple input askip for a roomName. You just need to fill this input and press "Go". It will create a ready to use chatroom.
After a successfull login, will be able to see a simple input askip for a roomName. To join a room, you have two options:
- Copy/Paste a room url directly in the browser
Or
- Find the roomID in the room page url and fill the input with it.
- ie: https://crisp-chat.vercel.app/chatroom/test-fsMBcghe7gaSNBPdAAAE
- the roomID is: test-fsMBcghe7gaSNBPdAAAE