artaleal/hckr-news

HCKR-News practice

Hacker News practice work

Данный проект был сделан для личной практики. Использовался API Hacker News.

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

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

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

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

Установка

• Для установки приложения запустить команду npm install.

Технические исполнение

• Приложение разработано с использованием React и Redux
• Использован официальный API Hacker News. Вызовы Hacker News API и обработка данных от него производятся напрямую с фронтенда.
• Роутинг выполнен с использованием React Router v6.
• Пакетный менеджер npm
• Приложение запускается по адресу localhost:3000 командой npm start

Деплой проекта

• HACKER-NEWS