Frontend assessment source code
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

README.md 2.5 KiB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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 a call. The call will no longer be displayed on the Activity Feed.
  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. 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.
  12. **Note:** Submissions without a valid repository and deployment link will be removed from any further consideration.
  13. To give you an idea, here's what our app looks like:
  14. ![app](https://user-images.githubusercontent.com/630714/29357034-763d7216-8276-11e7-8bcb-e77d9645dfcc.png)
  15. ## Installation
  16. We're using [yarn](https://yarnpkg.com) here:
  17. ```
  18. yarn install
  19. yarn start
  20. ```
  21. ## API documentation
  22. ### Routes
  23. Here is the API address: https://aircall-job.herokuapp.com.
  24. 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.
  25. - **GET** - https://aircall-job.herokuapp.com/activities: get calls to display in the Activity Feed
  26. - **GET** - https://aircall-job.herokuapp.com/activities/:id: retrieve a specific call details
  27. - **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:
  28. ```
  29. {
  30. is_archived: true
  31. }
  32. ```
  33. - **GET** - https://aircall-job.herokuapp.com/reset: Reset all calls to initial state (usefull if you archived all calls).
  34. ### Call object
  35. - **id** - unique ID of call
  36. - **created_at** - creation date
  37. - **direction** - `inbound` or `outbound` call
  38. - **from** - caller's number
  39. - **to** - callee's number
  40. - **via** - Aircall number used for the call
  41. - **duration** - duration of a call (in seconds)
  42. - **is_archived** - call is archived or not
  43. - **call_type** - can be a `missed`, `answered` or `voicemail` call.