Candidate Screening Project

In order to be selected to the next round of the interview process, the candidate needs to complete this project with the following requirements.

Feature Requirements

Follow this tutorial to create a shopping list application: https://www.freecodecamp.org/news/how-to-build-a-shopping-list-using-react-hooks-w-starter-code-and-video-walkthrough/ with three additional requirements:

1. Completed item quantities should not be counted in total.
2. Prevent the end-user from entering duplicate item name.
3. Store the todos using a NodeJS backend and a database of your choice

Show off your design skills to make it easy and intuitive for user to use your app

Technical Requirements

1. Fork this project to your account in Github, for example (https://github.com/your-username/202104-candidate-screening-project) and use it as your submission
2. Add [email protected] as a collaborator of the new project (so that I can read your code)
3. Use https://github.com/facebook/create-react-app to create a new project in Javascript
4. Integrate https://mui.com/ to this project and use it as the UI framework
5. Using jest (according to this tutorial: https://jestjs.io/docs/tutorial-react) to write unit tests (only snapshot testing is required) for your application and ensure 100% code coverage
6. Integrate Testcafe from https://testcafe.io/ and write the automation test cases to test your application. Make sure that you write all test cases to cover the entire functionalities.
7. Complete the project on or before the assigned deadline. Once completed, send an email to [email protected] with the subject "I completed my project". In the body of the email provide your name, the URL to the forked project on github.

Evaluation Factors

The most importance judging factors is on top.

1. All requirements as described above are satisfied
2. Fully understood your code, you will need to present it if got selected
3. Free of ESLint errors and Google Chrome (or Firefox) Devtool errors / warnings
4. Clean code, proper naming conventions, show off your skills in writing a readable code
5. Use of react hooks as described in this page: https://reactjs.org/docs/hooks-overview.html
6. All scenarios are covered by your unit test cases and your automation.