Welcome to our new coding challenge. During this session of ~4-6h, we will evaluate your code skills on multiple aspects of the front end world!! It is important to read all the instructions before to start your chrono ⏱!, Note: Please remember to send us the time spent on this Homework.
We are trying to build a Triage Patient's cards that can move cards from the TODO column to the DONE column
- Fetch the patient cards using our local server
- Display the patient cards in the corresponding column ( Pending + Rejected and Done )
- Allow user to change the card status from Pending or Rejected to Done and from Done to Rejected.
- Add a local filtering by patient name and arrythmias.
A particular attention will be taken to your Code Structure, your hability to express data models and UX-UI components structure.
You can choose any of the following solution, but we expect to have a clean file structure on your final project.
Setup your project with one of our project CLI recommendations
Of course, you are free to use any of the CSS naming convention / methodology, or any testing libraries other than the one provided by the CLI.
Because no feature is developed without a nice pseudo-design here is a quick sketch of how we think we can display the list.
Let's Go, Let's express your creativity !!
Bonus points given for :
- UI/UX design
- Writing unittests
- Css animations
- Using Typescript
Don't forget to give us your feedback on this Homework, we will be more than happy to make a Version 2.
Here is a simple instructions on how to setup your local server for the project
-
first install the node dependencies
npm install -
run the local API server
npm run api -
everything is setup you can now access the list of cards with the following url:
GET http://localhost:3000/cards
Create a new github project and share your work with us
If you are using a private repository on GitHub add us as a collaborator (buenjybar, baptooo and ArthurFoucher) so we can read your code :{
