Тестовое задание для стажера Frontend №1

Random Quote Machine


Статус задания: done


Задание:

  • При первом открытии на странице должна отображать рандомная цитата известного автора
  • При нажатии на кнопку цитата обновляется
  • Запросы отправляются на url

https://api.forismatic.com/api/1.0/?method=getQuote&key=random&format=json&lang=ru&json=?

При создании применены технологии:

  • HTML;
  • CSS;
  • JavaScript;
  • React;
  • Методология БЭМ;
  • Webpack;
  • TypeScript.

Так как используется CORS Anywhere, то для доступа к нему нужно перейти по ссылке и запросить временный демо доступ на сервер по кнопке "Reques temporary accsess to the demo server".

CORS Anywhere - это обратный прокси-сервер NodeJS, который добавляет заголовки CORS к проксируемому запросу.

Инструкция по развертыванию:

  1. Склонируйте репозиторий локально:

git clone https://github.com/EvgeniiyaR/Greenatom-test-front-1.git

  1. Установите Node.js с официального сайта https://nodejs.org/
  2. Установите модули npm: npm install
  3. Запустите проект: npm run start

Ссылка на деплой проекта: https://evgeniiyar.github.io/Greenatom-test-front-1/