Skip to content

SurajMDurgad/test

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published