diff --git a/Projects/2-Intermediate/Chatroom.md b/Projects/2-Intermediate/Chatroom.md new file mode 100644 index 00000000..2c65c104 --- /dev/null +++ b/Projects/2-Intermediate/Chatroom.md @@ -0,0 +1,27 @@ +# Chatroom App + +**Tier:** 2-Intermediate + +Real-time chat interface where users can interact with each other by sending messages using a serverless platform (e.g. Firebase). + +## User Stories + +- [ ] User need to register (username, email, password and an avatar image), then he can login (email and password). +- [ ] User can see an `input field` where he can type a new message. +- [ ] User can see a `sidebar` where he can see a `navbar` which have his name & avatar image and a `logout button`, a `search bar` to search for an account, and his `previous contacts` and their latest 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 and avatar image (e.g. `John Doe: Hello World!`) + +## Bonus features + +- [ ] User can login with Facebook, Twitter or GitHub. +- [ ] User can send images, videos and links which will be displayed properly. +- [ ] User can select and send an emoji. + +## Useful links and resources + +- [Firebase docs](https://firebase.google.com/docs?authuser=0&hl=en) +- [How to Build a Chat App with Firebase](https://www.cometchat.com/tutorials/how-to-build-a-chat-app-with-firebase) + +## Example projects + +- [sector-r](https://sector-r.vercel.app)