2019 Dcard Web Development Intern - Take home test
Todo List Made By React Hooks
- No class components
- Uses
Context
to share a global state - Uses
useReducer
to manage state actions useState
to create local state- Decoupled state logic (Actions)
- Testable components (Uses Jest + Enzyme for tests)
- Custom Hooks
- EsLint extends Airbnb style guide
- BEM naming with SCSS
- Babel and Webpack4
- Start developing.
cd dcard_todolist/ npm install npm start
- My TodoList App is now running at http://localhost:3000
npm test
npm run coverage
npm run build
The build file will present in the dist
folder.
- Add a task.
- Update the task.
- Delete the task.
- Detail information with notes, subtasks, due date and priority etc.
- Sort with Status, Time (Ascending order), Priority (Descending order).
- Filter with All / Active / Completed.
- Search and AutoComplete.
- Simple RWD layout.