Skip to content

robrobac/whisper-react-chat-app-scaledrone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Whisper Chat App

ABOUT

This is the Final Project for Algebra's Front-End Developer Education, which includes HTML, CSS, JavaScript and React.

Application is developed using

Features:

  • Login Screen with Username and Color options.
  • Synchronized sending and receiving of messages between users.
  • On click display the date and time of sending the message.
  • User left the chat & User joined the chat notifications.
  • Users list with separated current User.
  • Dark & Light Mode.
  • Responsivness for large, medium and small devices.
  • Animated Sidebar on small devices.

TASK

Task was to create a web chat application. The technologies used to create the application are arbitrary, as long as they meet all the requirements of the functional specification.

It is necessary to create a functional user interface for chat participants and to upload the created code to GitHub. The chat application should be able to:

  • Create new text messages
  • Send messages on "Enter" or "Send" button click (display them on the screen along with the author's name)
  • Randomly select a color and/or name to identify each participant in the chat
  • Connect to the Scaledrone service and successfully simulate a conversation among all active users

The Project is generally defined, which means that you have a lot of freedom in developing the solution. It is even desirable that you add as many logical and possibly unspecified possibilities in the specification yourself. Of course, you must not forget the minimum basic requirements listed in the brief task specification.

About

Chat App, the Final Project for Algebra's Front-End Developer education

Topics

Resources

Stars

Watchers

Forks