echo8795/quizizznativebasictask

Quizizz React Native Task

This is a react-native(0.56) project and the task will be to emulate a structure of trello. There are 2 columns that stretch along the device height and contains cards with a number on it.

A basic structure is present which can be altered as you like. Following is the list of tasks which you will need to perform. You are required to complete as many as you can within an appro time of 2 hours.

1. Card addition

Add the functionality for the button where on clicking the button for the particular column, a card is added with a number signifying its position when added. Cards can be added only till there is space in the column. Once the column is filled the button needs to be disabled with some style marker.

2. Toggle label

By tapping on the card the color of the label can change. User can switch between any 5-10 label colors/no label by tapping on it repeatedly.

3. Moving Card in column

User can drag a card in the column up and down. The card can be dropped in between other cards but the number on it will not change.

4. Moving Card across column

User can drag the card across column. The card when dropped in another column will be added to that column only if there is space available.

5. Add More Columns

User has a button available to add more column each having all the same features as above

PS - Assume any missing style info