https://github.com/stpkkk/kefirtest

Kefir Frontend developer test task
https://github.com/stpkkk/kefirtest

axios-mock-adapter react react-query tailwind tanstack-react-query typescript

Last synced: 8 days ago
JSON representation

Kefir Frontend developer test task

• Host: GitHub
• URL: https://github.com/stpkkk/kefirtest
• Owner: stpkkk
• Created: 2024-03-05T21:58:30.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-03-09T22:46:16.000Z (11 months ago)
• Last Synced: 2024-11-13T00:32:14.882Z (2 months ago)
• Topics: axios-mock-adapter, react, react-query, tailwind, tanstack-react-query, typescript
• Language: TypeScript
• Homepage: https://stpkkk.github.io/kefirtest/
• Size: 14.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Kefir Test Task

## App stack

-   React.js

-   Typescript

-   Tailwind

-   React Query

# Тестовое задание

1. Репозиторий не форкать

2. Выполненное задание загрузить на GitHub (GitHub Pages)

## Задачи:

1. Вывести на экран комментарии, соблюдая их вложенность и пагинацию, используя запросы из `src/api`

2. Обработать успех/ошибку/загрузку каждого запроса

3. Динамически считать сумму лайков и комментариев

4. Добавить возможность ставить и убирать лайк у комментария

## Нельзя:

1. Модифицировать папку `src/api`

2. Менять содержимое возвращаемых данных в `src/data`

3. Читать данные напрямую из `src/data`, минуя запросы

4. В `src/index.tsx` выключать StrictMode, убирать вызов useMockAdapter

Что не запрещено - то разрешено

## Дизайн:

### Figma [Comments.fig](Comments.fig)

![preview.png](preview.png)