WhatsApp_Clone

Whatsapp Web UI Clone User Interface made with React, React hooks and Faker for generating fake data.

Main Components

1. Create React App.
2. Profile => Component depicts the randomly generted main user avatar, name.
3. Contact => Component depicts the randomly generated conatact list (atmost 15) and their recent messages.
4. MessageBox => Component shows the structure the whole message box and messages (atmost 50 per contact) are sorted according to date and time.
5. Message => Components show the structure of each message.
6. Input => Component for sending an input message, Things to note here is until we don't type, microphone icon is shown on right, as soon we start typing it changes to send button. Also we can send message by the stroke of Enter Key, but we can't send an empty message.

Main Features

1. We can send and receive messages.
2. We can send message by the stroke of Enter Key.
3. We can't send an empty message.
4. Messages are sorted on the basis of date and time.
5. Always most recent message will appear in the contact list, with atmost 30 character.
6. Until we don't start typing microphone icon is shown on right, as soon we start typing it changes to send button.
7. Messages are also sorted on the basis of date and time in contact list as well.

Deployed On Heroku

Link - https://whispering-island-82982.herokuapp.com/

Other Projects - https://github.com/abhiverma1924/Site