README.md

Uula Frontend Test Application

Your task is to create comments section component with ability for the client to create/read/update/delete/like/dislike/complain comments

Comments section should be located at the comment page of the app '/comments'

Initially you should request a list of existing comments at the API endpoint and if there are none - show empty list placeholder

Each comment could be unfolded and show a list of replies if any, replies should be also provided with CRUD controls

Entries should be paginated with "Load more button" as shown in the mockups, replies inside comments loaded at once with parent comment payload

Mockups

Mockups can be found in Figma format

All components states are shown in there as well.

Bootstrapping

All the UI components and assets needed can be found src directory

Also, you can run storybook service locally to interact with components at visual level

API interaction

You can find test API playground here

Result

Working solution should be merged in 'solution' branch of the repo, however you can checkout as many feature branches as you want in the development process

Quick Start

# clone repo
git clone git@github.com:A-ZSolutionsKuwait/UULA-frontend.git uula
cd uula

# create .env.local file from .env.development file, adding sensitive credentials as you need them

# install dependencies
yarn

# run application
yarn dev

Tests

you can write any suits you like in tests subdirs of any module inside src folder

# run test suits
yarn test