Проект: 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