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
can be found in Figma format
All components states are shown in there also.
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
you can find test API playground here
# clone repo
git clone [email protected]: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
you can write any suits you like in tests subdirs of any module inside src folder
# run test suits
yarn test