watch-the-stars/http-trainer

Тестовое задание для React-верстальщика

Тестовое задание для React-верстальщика

Привет!

Перед тобой простое веб-приложение — HTTP-тренажёр. Его задача — научить начинающих тестировщиков отслеживать запросы к серверу и распознавать коды ответов. При нажатии на кнопки уходят запросы к API, который отвечает соотвествующими статусами. Интерфес при этом не меняется.

Технологии проекта:

• сервер: Node.js + Express
• клиент: React + Styled-components
• сборщик: Webpack

Требования:

• Node.js — от 12 версии

Задание

Сверстать интерфейс приложения по макетам в Figma.

Шаги:

1. Сделай форк и склонируй проект.
2. Чтобы начать разработку используй команды:

npm i # первый старт
npm run dev

3. Открой http://localhost:8080 и убедись, что всё заработало. Должен отобразиться интерфейс без стилей.
4. Установи npm-пакет styled-components.
5. Сделай вёрстку.
6. Отправь pull request.

Если есть вопросы, пиши в телеграм. Успехов! 🤘