Набросал за 5 минут костяк:

const responses = {
  'привет': 'Здравствуйте! Чем могу помочь?',
  'цена': 'Стоимость уточняйте по телефону',
  'время работы': 'Мы работаем с 9 до 18'
};

function sendMessage() {
  const input = document.getElementById('userInput');
  const msg = input.value.toLowerCase();

  addMessage(msg, 'user');

  let reply = 'Извините, не понял вопрос';
  for (let key in responses) {
    if (msg.includes(key)) {
      reply = responses[key];
      break;
    }
  }

  setTimeout(() => addMessage(reply, 'bot'), 500);
  input.value = '';
}

function addMessage(text, sender) {
  const chat = document.getElementById('chatBox');
  const bubble = document.createElement('div');
  bubble.className = sender;
  bubble.textContent = text;
  chat.appendChild(bubble);
  chat.scrollTop = chat.scrollHeight;
}

Добавляешь HTML с формой и стили - готово.

Можно, но зачем? Реакт для такого не нужен, но какой нибудь минималистичный подход типа Web Components или хотя бы шаблонизатор упростит жизнь.

Нативный JS быстро превращается в спагетти-код при добавлении новых фич (история чата, анимации, сохранение в localStorage). Лучше сразу продумать структуру - модули ES6, разделение логики и рендера.

Делал такое на ванильном JS для корпоративного сайта. Главный геморрой - не логика бота, а UI.

Автоскролл чата, анимация появления сообщений, адаптивность под мобилки, индикатор "бот печатает" - все это руками на нативном JS писать долго. Либо тащи готовые UI-библиотеки (что убивает смысл "без зависимостей"), либо закладывай время на полировку интерфейса.

Сама логика ответов - да, элементарно. Но продуктовый чат-бот это на 80% про UX.

Если чисто учебный проект - пиши на нативном JS, прокачаешь скилл работы с DOM.

Если для продакшна - возьми готовое решение типа Tawk.to или Jivo. Зачем велосипед изобретать, когда есть проверенные инструменты с аналитикой, интеграциями и поддержкой.

если база данных нужна для хранения диалогов юзеров лучше сразу бекенд прикрутить типа nodejs или питон

а если прям только фронт то localStorage хватит для сохранения истории