Проект: OSINT-парсинг/сканер ника / логина / номер телефона
🔹 1. Цель проекта:
- Создать одностраничный сайт (landing page) с анимационным современным дизайном, позволяющий пользователю ввести никнейм или номер, проверить его упоминания в популярных соцсетях и мессенджерах (Telegram, Instagram, TikTok,YouTube,Facebook. реестры).
🔹 2. Стиль и дизайн:
- Основной стиль: тёмная тема с неоновыми акцентами (зеленый+ черный )
- Шрифт: Montserrat / Inter / Space Grotesk
- Анимации:
- Плавное появление элементов
- Hover-эффекты на кнопках и карточках
- Анимации иконок (например, при выборе соцсети)
- Легкая параллакс-анимация заднего фона
- Кнопки со светящимися эффектами при наведении
🔹 3. Структура страницы:
🔘 1. Хедер:
- Логотип (OSINT-сервис)
- Кнопка: “ ”
- (опционально: переключение языка — RU )
🔘 2. Блок «Проверить, что видно»:
• Заголовок: “Проверь, что о тебе видно в интернете”
• Подзаголовок: “Узнай, где твое имя/логин всплывает в Telegram, Instagram, TikTok и других”
• Форма ввода логина (username, tiktok.com/логин, telegram.me/ник)
• Чекбоксы соцсетей (Telegram, Instagram, TikTok, Facebook, реестры)
• Кнопка: [ ]
• Анимация: при наведении чекбоксы подсвечиваются
🔘 3. Пример отчета:
• ✔️Иконки и пункты:
• ✔️Найдено 6 Telegram-каналов
• ✔️ 3 комментария на Instagram
• ✔️ 2 трансляции в TikTok
• ✔️ Аккаунт Facebook: 132 лайка и 12 групп
• Можно реализовать в виде интерактивной карточки с прокруткой / fade-in
- Лучше шкала загрузки в процентах %
🔘 4. Безопасность:
- Иконка щита
- Текст:
Мы собираем только публичную информацию.
Не используем взлом, не получаем доступ к приватным данным.
🔹 4. Технические требования:
• 🔗 Платежная система: интеграция Stripe
• Только Stripe (оплата с карт Visa / MasterCard / Apple Pay / Google Pay)
• 🧠 Форма парсинга логинов:
• Отправка логина или номера выбранных соцсетей на API (бэкэнд реализуется отдельно)
• Анимация ожидания (например, крутящийся сканер или шкала загрузки в %)
🔹 5. Адаптивность:
• Полная адаптация под:
• 📱 Мобильные телефоны
• Кнопки и формы должны быть кликабельны пальцем и мышью, UI — touch-friendly
🔹 6. Технологии (опционально):
• Фронтенд: HTML + Tailwind CSS / SCSS + JS / Vue / React
• Анимации: GSAP / Lottie / CSS-анимации
• Stripe SDK для оплаты
• Формы: Email.js, Telegram API, либо Webhook в TG