client/README.md

Structure of each Component

File/Folder structure of Message component

Message

index.jsx Message.jsx( contains the Message component )

Components

• Contacts(left section)

  • Search
  • Contact

• Chat (right section)

  • ChatHeader
  • ChatMain
    • Message
  • ChatFooter

To run at local

• npm install
• npm start

To run at deployment

• npm install
• npm run build
• run the build folder with any server

Design

Design inspiration from:-

https://dribbble.com/shots/5569588-Chat