Skip to content

manuelbiolatiri/frontend-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Front-end challenge

This is a test to determine how skilled you are at using git, GitHub, JavaScript, React, Redux, CSS and other technologies. You are encouraged to put your best foot forward.

Required software

In order to work on this challenge, you will need the following:

  • Node.js v10 or later.
  • Yarn package manager v1.22.4 or later.
  • git v2 or later.

Test instructions

  • Clone this repository.
  • Open a terminal/command prompt and navigate into the cloned repository.
  • Run the command below to install the app's npm dependencies:
yarn
  • Create a new branch based off of the master branch and implement the requirements in the app requirements section below in that branch.
  • Create a public repository on GitHub and push both your master branch and your implementation's branch to it.
  • In your repository on GitHub, raise a pull request that seeks to merge your implementation branch into the master branch.
  • Send a link to that pull request to ignatiusukwuoma@gmail.com so that we can evaluate what you have done.

App requirements

We would like you to build a basic chatting/messenger app. You have creative freedom on what it will look like, but you can use the pictures in the sample implementation section of this document as a guide.

  • Required features:
  1. A user should be able to select different friends. You should list at least 5 other friends that the user can select.
  2. After selecting a friend, a user should be able to write messages in the chat window, hit a "Send" button or press Enter to send the message, and see them appear.
  3. A user should be able to switch from Friend A to Friend B and still see any previous messages that they've sent to Friend B.
  4. The app must be responsive at least at mobile resolutions.
  • Not required:
  1. Persisting chat history across page reloads.
  2. Talking to a backend/REST API.
  3. A sign up or sign in system.
  4. Making the app responsive at ALL resolutions.

Sample implementation

Here are screenshots of a sample implementation for you to use as a guide:

All the best!

About

React Redux Chat-App

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors