React Native Component (Task Reservation)

Task Reservation

This is a project that will allow independent promotors (users) to reserve a number of tasks for 24 hours prior their execution. To build this fueature the team needs to modify and create new backend functionalities that will allow the mobile app to work as desired.

Task Reservation objectives

• Improve coverage from the customer prospective. Assuming, that two or more promotors can't try to do the same task at once.
• Guaranty that if a promotor is willing to do a task, they can reserve it.
• A promotor will have temporal ownership of the task.

Here is a Figma document, that allow you to understand the whole flow of the UX. https://www.figma.com/file/Di4be4LhvzHRTvR8uKDmEn/Reservation-of-tasks

Implementation

Inside the flow there is a component thata allow users to manage and review status of tasks. The component allow a user to:

• Reserve a task
• Start a task
• Review reserved task
• Cancel a task reservation
• Show a task reserved by other user
• Start a task when the user reach the maximun amount of reserved tasks

The next image shows all the different status descried in the implementation sections (https://github.com/Zubale/rn-component-project/blob/master/images/component-states.png?raw=true)

Objectives of the project

Your objective is to create a react native component that:

• Maps all the different states and available actions over a task.
• Use the provided mockups to create a CSS design.

Guidelines and specifications

• Library: Use story book as a component library
• Create a PR to the project GitHub repo with the submitted code and solution.
• Fill the solution section of the README.md file with documentation related to your submitted solution.
• Once you submit your PR with the solution, whe're going to schedule a session with our internal frontend deveopers, where you can run your component in the story book server and show how it works.

Questions

If you have any question regarding the project for the project submit a github issue so we can follow up through.

Acceptance criteria

• Create the component as an NPM package component structure.
• The component was created using story book as base
• We have a solution section in the README file, with your documentation about how to use the component.

Solution

Install

$ npm install @tania_tenoreo/zubale-component

Usage