Coder Social home page Coder Social logo

sx-frontend-trainee-assignment's Introduction

Тестовое задание для стажёра Frontend в команду Seller Experience

Разработать интерфейс для сайта Hacker News, состоящий из двух страниц.

Продуктовые требования

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

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

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

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

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

  • Приложение разработано с использованием React и Redux
  • Использован официальный API Hacker News. Вызовы Hacker News API и обработка данных от него производятся напрямую с фронтенда (кроме случая, если вы сделаете опциональное задание про Node.JS).
  • Роутинг выполнен с использованием React Router v5
  • Фреймворк UI любой на ваше усмотрение (как пример React Bootstrap или Semantic UI). Можно хоть на голом CSS, главное, чтобы выглядело красиво.
  • Пакетный менеджер npm
  • Приложение должно запускаться по адресу localhost:3000 командой npm start
  • После запуска приложения все переходы по ссылкам не перезагружают страницу
  • Исходный код решения должен быть выложен с вашего аккаунта на Github

Опциональные задания

  • Покрытие кода юнит-тестами
  • Бэкенд для хостинга статики и API для инкапсуляции внешних запросов на Node.JS
  • Конфигурация сборки проекта в Docker image

sx-frontend-trainee-assignment's People

Contributors

dvorlov avatar wain-pc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sx-frontend-trainee-assignment's Issues

Как подать заявку

Добрый день! Я хотела бы попасть на стажировку, но форма почему-то уже закрыта, хотя тестовое задание можно выполнить до 10 сентября. Возможно ли как-то решить это?
telegram Kuzmina_na

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.