A messenger clone, a simple chat application with a global chat room. Users will be prompted to enter their name and all associated messages from the user will be linked to the user.
| Library | Description |
|---|---|
| React | The framework used to create all my components. |
| Firebase | Used to handle the backend. |
| Material UI | Used to help with styling. |
| React Flip Move | Used to show animation when a new message is input. |
| Component | State | Description |
|---|---|---|
| App | y | This will set a username and manage all messages being received from Database. |
| Header | n | This will render the title along with logo and show current user. |
| Messages | n | This will render all messages from database. |
| Input | y | This will send your current message to the database. |