NTM Application (Whatsapp Clone)

The first part of a rolling project of building Whats App Clone.

description:

When you launch the app, the Login page opens, from that page you can go to the sign-up screen(register page) if you are not registered to the app. After successful registration, you'll be taken to the Login page to connect with your new user.

Upon login, the app will open, empty of content, now by clicking the Add Chat button, which can be found Next to your profile picture, you can attach chats with people who sign up for the app.

There is a registered hard-coded user with the details:

Username: bob, password: bob1, display name: bob bobby.

This user has five open chats with different types of text messages between them that were also inserted in Hard-Coded. You can sign in to the other users, who have no chats at all, but of course you can add a new chat with one of the registered users and send messages.

The users are: (Users that created as Hard-Coded)

1. Username - noamit, password - noa1, display name - noa amit.
2. Username - tomerk, password - tomer1, display name - Tomer Hadar.
3. Username - mommy, password - mommy1, display name - best mommy.
4. Username - daddy, password - daddy1, display name - best daddy.
5. Username - sister, password - sister1, display name - my sister.

Of course, you can also sign up with as many different users as you want and open chats with them and not just with the users that inserted as Hard-Coded.

By the username of an already registered user you can open a new chat with him.

When you enter any chat, you can also send new messages from different types, When you send a recording/picture/video, there's a preview look at the content you want to send, In this way, you can see before sending what the content looks like or what the recording sounds like before sending, and of course there is the possibility of canceling the submission when the message is displayed before it is sent.

Technologies

• ReactJs
• Bootstrap
• HTML
• CSS
• JavaScript

How To Run

of course you have to install react and nodeJS on your machine.

now, this is the easy part! i created a setup.sh file that will do all the work for you! all you need to do is go to the folder of the project and run:

chmod +x setup.sh

./setup.sh

npm start

and after those 3 commands the application will lunch on port 3000.

Authors

Contributors names:

Tomer Hadar.
Noa Amit.