ТЗ

1.md

Реализовать игру “Змейка” — Скорость змеи должна увеличиваться с каждым съеденным яблоком; — Змея должна увеличивать длину после съеденного фрукта; — Игра должна заканчиваться если змея упрётся в саму себя или границы поля; — Игрок должен видеть количество очков (съеденных яблок). Требования:

• TypeScript
• React или нативные технологии

2.md

Реализовать отображение списка комментариев, ответов на них (по аналогии с habr.com), и всех уникальных авторов (отдельным от комментариев списком). При клике на автора подсвечивать все его комментарии в списке. Можно использовать CRA за основу. Дизайн произвольный.

Требования:

• TypeScript
• React
• Чистый CSS (css-modules опционально) Данные для отображения:

const comments = [
   {
       "author": "Nikolay",
       "message": "Hi",
       "comments": [
           {
               "author": "Olga",
               "message": "Hi there",
               "comments": []
           },
           {
               "author": "Nikolay",
               "message": "What's up?!",
               "comments": [
                   {
                       "author": "Olga",
                       "message": "How are u?",
                       "comments": []
                   }
               ]
           }
       ]
   },
   {
       "author": "Alex",
       "message": "Hey folks!",
       "comments": []
   }
]

3.md

Сервис просмотра stackoverflow.

Цель

Сделать клиент для поиска по stackoverflow.

Экраны

• Экран поиска
  • Состоит из поля ввода и кнопки "искать".
  • После ввода текста и нажатия кнопки поиска, происходит загрузка результатов поиска и переход на экран результата поиска.
• Экран результата поиска
  • Состоит из таблицы с результатами поиска и панели "быстрого отображения".
    • В таблице должны отображаться: Автор вопроса, тема, количество ответов, теги.
      • При клике на:
        • автора вопроса — в панели "быстрого отображения" появляется таблица, аналогичная основной и содержащая наиболее популярные вопросы автора
        • тему и количество ответов — происходит переход на экран информации о вопросе.
        • один из тегов — в панели "быстрого отображения" появляется таблица, аналогичная основной и содержащая наиболее популярные вопросы по этому тегу
    • Панель "быстрого отображения" по умолчанию скрыта и появляется когда нажали на автора вопроса, или на тег.
      • При клике на тему и количество ответов происходит переход на экран информации о вопросе
• Экран информации о вопросе
  • должен отображать список ответов на выбранный вопрос

Технические требования

1. Для получения данных использовать вызовы к api прямо из браузера http://api.stackexchange.com/docs
2. Переходы между экранами должны оставаться в истории браузера и должны работать браузерные переходы "вперед" и "назад"

Пожелания

1. Анимации переходов между состояниями.
2. Сортировки в таблицах.
3. Навигация по компонентам с клавиатуры.