[API&UI Implements] Filter View -- 2

Job ID: 35162063

Budget: $129 – $130 USD

【Notice】
1. We have a lot of development work, considering technology, quality, schedule and price stability, we prefer to find long-term cooperation with frontend teams, please let me know how many Frontend Teammates you have that can cooperate for a long time
2. We 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 react storybook reference you ever do before.
This is testing project, this is exist component and job demand is update the UI ,not from scratch.
And all the UI we will update asap , and we want to check the developer has expirence and the refernfce.

# Project
---
## Deadline
Deadline need to push the code.
- YYYY/MM/DD 08:00 (GMT+8)

---
## Description
A clear and concise description of what the problem is.
- Update filter view UI/UX consistent with figma
- API Implements
- Components update -
- Exist fitler function is static
- This job want to let user can custimize there own filter view
- CRUD

---
## Salary
- Written in Issue Project Estimate
If you think there is any doubt about the hours, you can put forward the hours and reasons you think, and we can discuss

---
## Branch
- "issue/" issue's NO.
- If the branch exist just use it , if not can create by your self
---

# Resources
## Document
- [Flowchart](https://egroup-infocenter-test.s3.ap-northeast-1.amazonaws.com/resources/flowchart/FilterView/FilterView.html)
- [Postman API](https://documenter.getpostman.com/view/10712368/2s83YbCNcQ#f8ed831c-c4f0-4c8a-bd61-d17229c4cf37)
- We provide the mock server and the documents of api with each status, the frontend developer can reference the document to develop

---
## Components
- [Storybook Library](https://www.chromatic.com/library?appId=6315727d26061e4ff69beeea)

---
## Figma
- [Figma](https://www.figma.com/file/GH4M32mMjRucCuI8Ty66rd/Infocenter-Mockup?node-id=1419%3A49512)
- UI of this issue follow figma design
- Don't forgot to share the view permission to developer
- Click the play button to go through the UX flow
- ![image](https://user-images.githubusercontent.com/10756817/192951419-14527a18-0508-4d8f-9ef6-986c518d4e77.png)

---
# Acceptance
## Function Review
- Fulfilling requirements.
- UI Update
- [ ] Filter View CRUD
- API Implements
- [ ] Create Filter View
- [ ] List Filter View
- [ ] Get Filter View
- [ ] Update Filter View
- [ ] Delete Filter View
- RWD(Follow Figma)
- [ ] PC
- [ ] Mobile
- Delivering complete code and functionality.