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.
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.
- 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
[email protected]
so that we can evaluate what you have done.
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:
- A user should be able to select different friends. You should list at least 5 other friends that the user can select.
- 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.
- 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.
- The app must be responsive at least at mobile resolutions.
- Not required:
- Persisting chat history across page reloads.
- Talking to a backend/REST API.
- A sign up or sign in system.
- Making the app responsive at ALL resolutions.
Here are screenshots of a sample implementation for you to use as a guide:
All the best!