Мини-форум

Простой одностраничный сайт с формой авторизации и мини-форумом. После входа пользователь может создавать темы и видеть их в общей ленте.

Структура проекта

• index.html — разметка страницы с блоками авторизации и форума.
• styles.css — базовые стили в светлой гамме.
• script.js — логика авторизации, хранение сессии и отображение постов.

Локальный запуск

1. Откройте папку проекта на компьютере.
2. Запустите любой статический сервер (пример на Python):

   python3 -m http.server 8000

3. Откройте в браузере http://localhost:8000/index.html.

Тестовые данные для входа

• Логин: user
• Пароль: 1234

Деплой на Vercel

1. Загрузите проект в репозиторий GitHub / GitLab / Bitbucket.
2. Войдите на vercel.com и создайте новый проект, выбрав репозиторий.
3. Vercel сам настроит билд для статического сайта и выдаст ссылку вида https://имя-проекта.vercel.app.
4. В разделе Settings → Domains можно привязать собственный домен (CNAME на cname.vercel-dns.com).

Настройка динамического DNS (если запускать с домашнего компьютера)

1. Зарегистрируйтесь в сервисе динамического DNS (Dynu, No-IP, DuckDNS).
2. Установите их клиент, чтобы он обновлял IP при его смене.
3. Настройте на роутере перенаправление порта 80 (и 443, если используете HTTPS) на ваш компьютер.
4. В DNS домена пропишите CNAME или A-запись на адрес, выданный сервисом динамического DNS.

Проверка и поддержка

• Для сброса сессии нажмите кнопку Выйти или очистите sessionStorage.
• Добавление постов работает без перезагрузки страницы, данные хранятся в памяти сессии.
• При необходимости поменяйте тестовые логин/пароль и демо-посты в script.js.