You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.6 KiB
35 lines
1.6 KiB
6 years ago
|
# Chat App
|
||
|
|
|
||
|
|
**Tier:** 3-Advanced
|
||
|
|
|
||
|
|
Real-time chat interface where multiple users can interact with each other by sending messages.
|
||
|
|
|
||
|
|
As a MVP(Minimum Viable Product) you can focus on building the Chat interface. Real-time functionality can be added later (the bonus features).
|
||
|
|
|
||
|
|
## User Stories
|
||
|
|
|
||
|
|
- [ ] User is prompted to enter a username when he visits the chat app. The username will be stored in the application
|
||
|
|
- [ ] User can see an `input field` where he can type a new message
|
||
|
|
- [ ] By pressing the `enter` key or by clicking on the `send` button the text will be displayed in the `chat box` alongside his username (e.g. `John Doe: Hello World!`)
|
||
|
|
|
||
|
|
## Bonus features
|
||
|
|
|
||
|
|
- [ ] The messages will be visible to all the Users that are in the chat app (using WebSockets)
|
||
|
|
- [ ] When a new User joins the chat, a message is displayed to all the existing Users
|
||
|
|
- [ ] Messages are saved in a database
|
||
|
|
- [ ] User can send images, videos and links which will be displayed properly
|
||
|
|
- [ ] User can select and send an emoji
|
||
|
|
- [ ] Users can chat in private
|
||
|
|
- [ ] Users can join `channels` on specific topics
|
||
|
|
|
||
|
|
## Useful links and resources
|
||
|
|
|
||
|
|
- [Socket.io](https://socket.io)
|
||
|
|
- [How to build a React.js chat app in 10 minutes - article](https://medium.freecodecamp.org/how-to-build-a-react-js-chat-app-in-10-minutes-c9233794642b)
|
||
|
|
- [Build a chat application like Slack - React / JavaScript Tutorial - Youtube](https://www.youtube.com/watch?v=a-JKj7m2LIo)
|
||
|
|
- [Socket.io Chat App Using Websockets - Youtube Tutorial](https://www.youtube.com/watch?v=tHbCkikFfDE)
|
||
|
|
|
||
|
|
## Example projects
|
||
|
|
|
||
|
|
- [Chatty2](https://web-chatty.herokuapp.com/)
|