Настраиваю сам, create react app не позволяет насколько я знаю настроить компиляцию scss, а это критично. Да и вообще разработчик должен уметь настраивать свою среду. Мало ли какие задачи ещё встретятся в процессе разработки.

Можно сделать через HTML5 video. Наложить сверху блок и делать callback с кодом для скрытия блока по завершению проигрывания видео. К тому же так проще сделать аддаптивность под мобильные.

Также можно через iframe подгружать видео с youtube/vimeo и также делать callback, но будет больше проблем с аддаптивностью, iframe хуже поддаётся. Тут есть решение https://css-tricks.com/NetMag/FluidWidthVideo/Arti...

Первый вариант как по мне более практичен.

p.s. Мне кажется такие вещи лучше делать без подключения скриптов.)

На d3.js можно сделать практически что угодно, она достаточно низкоуровневая

htmlbook.ru Неплохой справочник для начинающего верстальщика.

var locationShips = [3, 4, 5];
var guess; 
var hits = 0;
var isSunk = false;

while (!isSunk) {
    guess = +prompt("Готовься,я стреляю! (введите число от 0-6):"); 

    if (guess < 0 || guess > 6) { 
      alert("Пожалуйста, введите правильны номер");
      continue;
    }      

    for(var i = 0; i < locationShips.length; i++) {
        if (guess == locationShips[i]) {
   	        locationShips[i] = 'ранен!';
           alert(locationShips[i]);

   	        if (++hits == 3) { 
             isSunk = true;
             alert("Ты уничтожил мои корабли :(");
           }
       }
    }
}