Open in devspaces or clone in local vscode.

Create a new branch and name it <ad>-ui-experiment

In the project directory, run the following command: npm i && npm start

Make sure to record your start and end times for developing the components using both open chakra and conventional coding, you will need it in the form in step 10. All timestamp recordings should be in dubai time :)

Build the component assigned to you by making changes in the App.tsx file and run again to view the changes.

Once the component is complete, take a screenshot.

Build the same component using OpenChakra and copy code generated to App.tsx file and run again to view the changes.

Take a screenshot.

Create a PR and add both screenshots to the PR specifying which is which.

Fill the form linked here to give us feedback on the experiment.