Skip to content

Anton-Shvetc/React_NewsPage-TestTask

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Описание проекта:

Главная страница

  • Показывает последние 100 новостей в виде списка, отсортированного по дате, самые свежие сверху.
  • Каждая новость содержит:
    • название
    • рейтинг
    • ник автора
    • дату публикации
  • По клику на новость происходит переход на страницу новости
  • Список новостей автоматически обновляется раз в минуту без участия пользователя
  • На странице есть кнопка для принудительного обновления списка новостей

Страница новости:

  • Содержит:
    • ссылку на новость
    • заголовок новости
    • дату
    • автора
    • счётчик количества комментариев
    • список комментариев в виде дерева
  • Корневые комментарии подгружаются сразу же при входе на страницу, вложенные - по клику на корневой
  • На странице есть кнопка для принудительного обновления списка комментариев
  • На странице есть быть кнопка для возврата к списку новостей

Используемые технологии:

  • React
  • React Router v5
  • Redux Toolkit
  • Typescript
  • Axios
  • Styled-components
  • Ant Design
  • Yarn
  • Api Hacker News

Превью

Запуск проекта:

Для запуска проекта:

  1. Склонировать репозиторий
  2. Выполнить yarn install
  3. Выполнить yarn start
  4. Ожидайте запуска на http://localhost:3000