[React - Storybook] DataTable Update Components UI and Storybook

Job ID: 34826429

Budget: $30 – $250 USD

【Notice】
Cause we have are many projects in progress, don’t want to wast two parties time, please check you have skill to complete this job :

1. Technical ability is insufficient, the project will be cancelled and no pay but disput ,If necessary, the code you wrote will be published.
2. Minor problem, front-end team will discuss with you until it is completed.
3. Done very well, it will become our long-term outsourcing
---

【Skill stack】
1. React Storybook
2. ReactJS
3. React Material
4. Typescript

---
【Provide First】
Please provide the your storybook reference.

---

# Project

## Deadline
Deadline need to push the code.
- 2022/10/05 12:00 (GMT+8)

---
## Description
A clear and concise description of what the problem is.
- [ ] Implements figma design in the Storybook

---
## Salary
- [ ] USD 50

---
## Goal
- Naming - Root
- [V] Modules
- Implements - Components
- [ ] [DataTable ](https://6315727d26061e4ff69beeea-lfqjbcdfze.chromatic.com/?path=/story/modules-datatable--default)
- Default New
- RWD
- [ ] PC
- ![image](https://user-images.githubusercontent.com/10756817/192936757-f6d4797b-4c1b-4adf-8e8b-5bf62a1e1ca3.png)
- ![image](https://user-images.githubusercontent.com/10756817/192936933-266dae0e-e368-4976-90ca-7357e6fb4bb5.png)
- [ ] Mobile
- ![image](https://user-images.githubusercontent.com/10756817/192936846-19fd5513-8070-4bea-8510-897e8d146446.png)

- Sync With Figma
- [Document Example](https://help.figma.com/hc/en-us/articles/360045003494-Storybook-and-Figma)
- ![image](https://user-images.githubusercontent.com/10756817/192202799-69f212ff-4b46-43d4-9a42-d5058b96c616.png)

---
# Resources
## Figma
- [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=395%3A1641)

## Storybook
- [Storybook-Chromatic](https://6315727d26061e4ff69beeea-lfqjbcdfze.chromatic.com)

---
# Acceptance
## Function Review
- File Architecture
- [ ] Naming
- Fulfilling requirements.
- [ ] Components
- Datatable
- [ ] RWD
- [ ] Figma Sync

---
## Salary penalty
- Submission over deadline
- Salary deduction 25%/day
- Deadline for the first delivery
- Usually doesn't happen, time can be discussed and the key is to communicate
- Before : You can propose the completion time, if there is any problem, we will discuss with you
- In Progress : You can ask the problems encountered, and discuss the schedule change
- Prevent
- Disappear without communication, and then suddenly appear after Deadline to deliver the project
- Due to various reasons, the development cannot be completed, but the unfinished project is delivered for acceptance
- Quality problem
- Salary deduction 1% per questions
- Test by QC team
- Include
- Function
- Fulfilling requirements.
- Delivering complete code and functionality.
- Fool-proof design (Acceptance Check List)
- API
- UI
- Prevent
- Developers deliver without testing completeness, causing a lot of burden on QC manpower
- The developer does not fully guarantee the code developed by himself, so the quality is reversely required in this way
- Incapable of completing
- Accepting the case but incapable of completing it.
- Only paid for completed jobs, and
- Maximum salary is 75% of the total project budget.