vuongvgc/todos-app

answer coding challenge:

Candidate: Do Minh Vuong Position: Junior Frontend Developer Time: start test from 20/4/2022 to 20/5/2022

Render TodoList: Do not use the index as the key of the item when render a list todo. Use todoId for key.
Reducer: store is Immutable . Do not modify store. Have to copy and reassign the store
Type any for object Todo: define type for object todo help code easy write, read and maintenance. decrease bug

I add some features to the application:

User localStorage to save todos List. Hold todos list when reload page. Increase UX
Edit todo by double click todos. Enter for update todo.
Cancel edit todo by click outside todo.
Set Status of todos.
Filter Status todos
Display number of todo related status
Clear all todos
Check all todos
Modal confirm delete
Add logo for website
Style website
Add multi language
Add loading

Add interface for todo
Add unitTest for project
Build API
Feature auth
Can drag and drop todos
Add more information of todo such: date, todo title, todo content, categories...

I not write unitTest for project. I will learn later and apply for project. But after build feature I write test case for this

Thank you so much and I hope receive feedback from company

Hello! We're excited that you're interested in joining Manabie. Below are the requirements and explanations for the challenge.

Our challenge codebase is bootstrapped by create-react-app with typescript.
All provided codes are in this repository. Please fork, complete your challenge, and create a PR to this repository.
We judge your codes by:
- Easy to read and understand.
- Well organized and consistent.
- Test cases.
- How do you approach new technologies?
Don't worry if you can't complete the challenge in time. Just do your best in a mindful way.
If you can't fully complete the challenge, please note the completed features.
We'd like too see some descriptions about your PR.
Typescript is a plus point. So we hope you can spend your time on this

Our code base has some strange bugs and anti-patterns, please help us to find and fix these (please comments the reasons and your solutions).
We, Manabian, believe that engineers themselves should take care of the quality of their products. Please somehow convince us that your changes are correct, we'd prefer to have a few tests for important changes that you had ADDED or FIXED (unit test or integration test)

For front-end engineer, you can use localStorage instead of calling remote APIs.
We provided a simple UI for todo app, please enhance it with your creative mind.
Please help us to add some features to the application:
- The persistent feature. After refreshing, our todos will be disappeared, that's annoying for our users, let's use localStorage (or API calls for fullstack engineer) to keep them.
- The edit feature. Currently, users cannot edit the todos, please help them (user double-clicks the todo to edit, presses enter to apply the changes, or clicks outside to discard).
- The active/complete todo feature. Allows users to click on checkbox items they have completed

You have to make sure your code satisfy the back-end requirements in https://github.com/manabie-com/togo.
Keep the existing features in sync with backend. (create/toggle status/toggle all/delete).
We do not require you to enhance the UI, but it is preferable (have some small changes but meaningful are great).
Done the common requirements above.

Run yarn or npm install if this is the first time you clone this repo (master branch).
Run yarn start:fullstack in case you are doing a fullstack test, else run yarn start:frontend to start this project in development mode.
Sign in using username: firstUser, password: example

Last updated: 2022/01/13