EastJesus

1. Открыть инструменты разработчика в хроме и нажать на кнопку "мобильный вид", получите вид как в телефоне
2. Можно подключиться локально к компьютеру, только если это будет локальный сервер, просто html-страницу не открыть.

Это значит, что вместо массива у вас там лежит undefined, поэтому по индексу 0 не получается обратиться. Сделайте проверку, как в комментах написали

Ну если на чистом js, с помощью document.getElementById ищете нужный инпут, затем вставляете в него значение: input.value = yandexMapValue

То же самое на jQuery можно

На фронте такое не сделать конечно, как сказали выше, используйте node.js

Context нужен не для этих целей, в нем лучше не прокидывать критичные данные. В контексте можно передавать некритичные данные, которые используются во многих частях приложения - например, текущую тему, локаль и т.д.

Так что это не взаимозаменяемые вещи, для хранения стейта приложения используйте Redux

Прокидывайте в Cards массив выбранных свойств, например он будет называться selected, затем в Cards фильтруйте по нему:

state.media
.filter(el => selected.includes(el))
.map((item, index) => {
          // console.log()
          return <Card data={item} />;
        })

Ну как файлы точно не надо хранить. В БД храните текст и его странскрипцию, в реакте только перменные в нужных местах. Подгружаете из БД нужный текст и вставляете в нужное место

У вас ошибка говорит сама за себя: TemplateDoesNotExist, то есть шаблон не найден

Потому что в btn[0] лежит undefined, то есть getElementsByClassName ничего не нашла

Выбираем все элементы, создаем массивы с заданными значениями, по интервалу выбираем случайные значения и изменяем анимацию

const animations = ["shadow-pulse-big", "shadow2-pulse", "shadow2-pulse-big"];
const intense = ["1.5", "6", "0.5"]


$(elements).each((el) => {
    let random_animation = Math.floor(Math.random() * animations.length);
    let random_intense = Math.floor(Math.random() * intense.length);

    setInterval(() => {

        let old_random_animation = random_animation
        let old_random_intense = random_intense

        $(el).css({ animation: `${old_random_animation} ${old_random_intense}s infinite` });

        random_animation = Math.floor(Math.random() * animations.length);
        random_intense = Math.floor(Math.random() * intense.length);
    }, old_random_intense * 1000)
})

while True:
    try:
        url = 'https://'+server+'?act=a_check&key='+key+'&ts='+ts+'&wait=25&mode=2&version=2'
        zapros1 = requests.get(url,
        params={'wait': 20,
                'v' : 5.103,}).json()
        updates = zapros1['updates1']
            # print(updates)
        if updates:  # проверка, были ли обновления
            for element in updates:  # проход по всем обновлениям в ответе
                action_code = element[0]  # запись в переменную кода события
                if action_code == 4:
                    if element[3] - 2000000000 == 37:  # проверяем, было ли отправлено сообщение в беседе
                        user_id = element[6]['from']  # id отправителя
                        chat_id = element[3] - 2000000000  # id беседы
                        chat = requests.get('https://api.vk.com/method/messages.getChat', params={'v' : 5.103, 'access_token': configo.tokeno(),'chat_id': chat_id}).json()['response']['title']  # получение названия беседы
                        user = requests.get('https://api.vk.com/method/users.get', params={'v' : 5.103, 'access_token': configo.tokeno(), 'user_ids': user_id, 'name_case': 'nom'}).json()['response'][0]  # получение имени и фамилии пользователя, отправившего сообщение     
                        time_ = element[4]  # время отправления сообщения
                        text = element[5]  # текст сообщения
                        if text:  # проверяем, что сообщение содержит текст
                            mess = time.ctime(time_).split()[3] + ':' +'  '+ user['first_name']+' '+ user['last_name'] + ' ▶ «{}»'.format(chat) + ':\n'+' '+ text
                            bot.send_message(-0000000000000, mess)
        ts = str(zapros1.get('ts'))
    except KeyError:
        print('Провал операции, начинаем заново')

Запишите почту в localStorage, потом берите это значение из хранилища и подставляйте в форму
На первой странице:

if(inputName.value != '' && inputTel.value != '' && inputMail.value != ''){
      localStorage.email = inputMail.value
      window.location.href = "https://app.syncrm.ru/accounts/sign_up";
}

На второй странице:

let signupEmail = document.querySelector('#signup-email');
      signupEmail.value = localStorage.email

А еще проверки на пустоту типа inputName.value != '' можно свести к такому:

if(inputName.value && inputTel.value && inputMail.value){}

Т.к. если строки пустые, такая проверка даст false и условие не выполнится