Frontend assessment source code
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

README.md 2.7 KiB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. ## Summary
  2. The goal of this test is to make you code a small ReactJS app. We have prepared a skeleton app for you, but please change whatever you want (CSS files, HTML structure, JS structure, etc).
  3. The app will have two different components:
  4. - **Activity Feed** - simple list of calls
  5. - **Activity Detail** - detail of a call
  6. - **Archive** - the final user should be able to archive (and unarchive) a call. Archived calls will no longer be displayed on the Activity Feed and should have a separate Archived Tab.
  7. Show us what you can do in 24 hours. You will be assessed on the following parameters:
  8. - Focus on design (Pay attention to the UI/UX and transitions)
  9. - Best React Practices
  10. - Code Readability and Maintainability
  11. ## Submission
  12. After you're done with the assignment, please submit a link to the **GitHub/Bitbucket repository** (make sure it's public) with your code **AND** a deployment link where our recruiters can interact with the live version. You can use freely available tools like **Netlify, Vercel, Heroku, etc** to deploy your React application.
  13. You should email both the links to our recruiters with the subject line **Full Stack Developer Assessment - [Your Name]**
  14. **Note:** Submissions without a valid repository and deployment link will be removed from any further consideration.
  15. To give you an idea, here's what our app looks like:
  16. ![app](https://user-images.githubusercontent.com/630714/29357034-763d7216-8276-11e7-8bcb-e77d9645dfcc.png)
  17. ## Installation
  18. We're using [yarn](https://yarnpkg.com) here (but you can use npm):
  19. ```
  20. yarn install
  21. yarn start
  22. ```
  23. ## API documentation
  24. ### Routes
  25. Here is the API address: https://aircall-job.herokuapp.com.
  26. As you can see, it's hosted on a free Heroku server, which means that the first time you will fetch the API, it will take few seconds to answer.
  27. - **GET** - https://aircall-job.herokuapp.com/activities: get calls to display in the Activity Feed
  28. - **GET** - https://aircall-job.herokuapp.com/activities/:id: retrieve a specific call details
  29. - **POST** - https://aircall-job.herokuapp.com/activities/:id: update a call. The only field updatable is `is_archived (bool)`. You'll need to send a JSON in the request body:
  30. ```
  31. {
  32. is_archived: true
  33. }
  34. ```
  35. - **GET** - https://aircall-job.herokuapp.com/reset: Reset all calls to initial state (usefull if you archived all calls).
  36. ### Call object
  37. - **id** - unique ID of call
  38. - **created_at** - creation date
  39. - **direction** - `inbound` or `outbound` call
  40. - **from** - caller's number
  41. - **to** - callee's number
  42. - **via** - Aircall number used for the call
  43. - **duration** - duration of a call (in seconds)
  44. - **is_archived** - call is archived or not
  45. - **call_type** - can be a `missed`, `answered` or `voicemail` call.