Đã Đóng

The goal of this exercise is to build a “Dessert Nutrition Table Summary” user interface.

The goal of this exercise is to build a “Dessert Nutrition Table Summary” user interface.

Recommended Tech Stack

1. React / React Hooks

2. TypeScript (Preferred)

3. CSS (Preferred: Tachyons)

4. React-Query / Apollo Client

5. Jest (Unit and Integration Testing Library)

6. React Testing Library

7. GraphQL (Preferred: Apollo-Fastify / Apollo-express server)

Key UI Element

· UI Table with selection

· Add Dessert Feature ( Mutation Query )

· Delete Dessert Feature ( Mutation Query )

· Sort Desserts

· Reset the mutated data in graphql server

Use

1. Use Graphql mock server and React-Query/Apollo to fetch data for your react components state

2. Use Graphql mock server to mutate the Nutrition Table Data

3. Write Unit and Integration Tests using Jest & React Testing Library

4. Typing of Props

A5hDtYRZOu7xAAAAAElFTkSuQmCC

Add New Desert UI

B6s33VCEmL7RAAAAAElFTkSuQmCC

Notes

· For the nutrition data, Please fetch data from graphql server

· Sample Nutrition Data

Data = [ {dessert: "Oreo",nutritionInfo: {calories: 437,fat: 18, carb: 63, protein: 4, } }, {dessert: "Nougat", nutritionInfo: {calories: 360,fat: 19, carb: 50, protein: 37, } }, … ]

Once you receive this data from mock service, we expect you to have this data set in the state tree and your react components get’s data from state.

· Build your UI on Code Sandbox: [login to view URL] and share the URL when ready

· Feel free to use your own workflow too if easier and upload your project files to a GitHub repo along with instructions for loading it up and testing on my end.

· Reusability of component is a key factor to consider. You’ll be evaluated based on code correctness and quality.

Bonus Points

1. Using Typescript instead of Javascript

2. If the UI is responsive and works fine across different resolutions (mobile/desktop - scaling by % of page width).

3. If there are Integration tests for components with interactions.

4. Tachyons for CSS

5. React Query for Graph QL API calls

6. Using React Context or React Query for State Management.

Kĩ năng: HTML, CSS

Xem nhiều hơn: build excel pivot table, jsf table summary row, aspnet build excel pivot table, build excel pivot table text file, richfaces table summary row, nutrition table magento, summary user requirements specifications table microsoft word, summary user requirements specifications table, create summary user requirements specifications table, create summary user requirements specifications table microsoft word, create summary user requirements specifications table word, database table update user interface design, design a landing page for a cpc campaign with the goal of generating, i would like to rework the logo below the goal is to make it clear there is a p and k (initials of our owner), i would like to rework the logo below the goal is to make it clear there is a p and k initials of our owner, the goal of graphic design is to, selling against the goal how corporate sales professionals generate the leads they need, the goal book summary pdf, the goal summary ppt, the goal chapter summary

Về Bên Thuê:
( 0 nhận xét ) Frisco, United States

ID dự án: #28982590

8 freelancer chào giá trung bình$163 cho công việc này

asait1192

WOH , I CHECKED YOUR ALL DETAILS SIR , We have group of inhouse group of 15 designers and we include conveyed 200 undertakings inside 1.5 year of period of time. I reviewed your project and based on that let me share Thêm

$249 USD trong 7 ngày
(35 Nhận xét)
6.1
codetechservices

Validcode is a dynamic and fast-moving company in Web/Mobile designing and development world-wide and has proven itself to be one of the best in markets. Validcode have served customers from USA , Canada , Germany , U Thêm

$140 USD trong 7 ngày
(36 Nhận xét)
6.0
tecnogize

Hello, Greetings HTML Css expert for your website I have expertise in Website Development and it's Hosting.I have 7+ years of experience. I have some queries and I guess you might also have some. So if you liked my Thêm

$140 USD trong 7 ngày
(25 Nhận xét)
4.6
rectifyideas

I am currently reviewing your project descirption, we can surely help you build this platform. Your project description matches my expertise and I assure you that, you will be pleased with my services. I have done many Thêm

$140 USD trong 5 ngày
(2 Nhận xét)
3.7
mikhailbyakin

Hello! I have seen your project descriptions. I am a React and laravel php framework developer and have been doing this for 5 + years including for some other subscription/membership business. If you are looking for a Thêm

$150 USD trong 5 ngày
(4 Nhận xét)
3.8
F9ah9ad

Hello! I’ve viewed and understood your project of web app development and designing. I’m the exact person you’re looking for! Because the high expertise of JavaScript ES9 / PHP 7 / Python 3 and Frameworks are necessary Thêm

$133 USD trong 10 ngày
(5 Nhận xét)
3.7
saherriaz78

********Expert in XD to HTML/Bootstrap********** Hello Sir, I have 2 years of strong experience in PSD/AI/XD/PNG/PDF/JPG to HTML/Bootstrap responsive, HTML, CSS, Javascript, Jquery, and Responsive web design. Let me Thêm

$200 USD trong 7 ngày
(0 Nhận xét)
0.0
serban12345

I work as a developer and I have knowledge of HTML CSS Javascript React Node and would like to help you with your project. Contact me to discuss further

$149 USD trong 14 ngày
(0 Nhận xét)
0.0