Projekt: OSINT-parsing/skaner nicku / login / numer telefonu
🔹 1. Cel projektu:
- Utworzyć jednostronicową stronę (landing page) z nowoczesnym, animowanym designem, umożliwiając użytkownikowi wpisanie nicku lub numeru, sprawdzenie jego wzmiankowań w popularnych social media i komunikatorach (Telegram, Instagram, TikTok, YouTube, Facebook, rejestry).
🔹 2. Styl i design:
- Główny styl: ciemny motyw z neonowymi akcentami (zielony + czarny)
- Czcionka: Montserrat / Inter / Space Grotesk
- Animacje:
- Płynne pojawianie się elementów
- Efekty hover na przyciskach i kartach
- Animacje ikon (np. przy wyborze social media)
- Lekka paralaksa tła
- Przyciski z efektami świecenia przy najechaniu
🔹 3. Struktura strony:
🔘 1. Nagłówek:
- Logo (OSINT-serwis)
- Przycisk: „ ”
- (opcjonalnie: przełącznik języka — RU)
🔘 2. Sekcja „Sprawdź, co widać”:
• Nagłówek: „Sprawdź, co o tobie widać w internecie”
• Podtytuł: „Dowiedz się, gdzie twoje imię/nick pojawia się w Telegramie, Instagramie, TikTok i innych”
• Formularz wpisywania loginu (username, tiktok.com/nick, telegram.me/nick)
• Checkboxy social mediów (Telegram, Instagram, TikTok, Facebook, rejestry)
• Przycisk: [ ]
• Animacja: przy najechaniu checkboxy podświetlają się
🔘 3. Przykład raportu:
• ✔️Ikony i punkty:
• ✔️ Znaleziono 6 kanałów Telegram
• ✔️ 3 komentarze na Instagramie
• ✔️ 2 transmisje na TikTok
• ✔️ Konto Facebook: 132 lajki i 12 grup
• Można zrealizować jako interaktywną kartę z przewijaniem / fade-in
- Lepsza będzie skala ładowania w procentach %
🔘 4. Bezpieczeństwo:
- Ikona tarczy
- Tekst:
Zbieramy tylko informacje publiczne.
Nie używamy hackowania, nie uzyskujemy dostępu do prywatnych danych.
🔹 4. Wymagania techniczne:
• 🔗 System płatności: integracja Stripe
• Tylko Stripe (płatność kartami Visa / MasterCard / Apple Pay / Google Pay)
• 🧠 Formularz parsowania loginów:
• Wysyłanie loginu lub numeru wybranych social mediów do API (backend realizowany osobno)
• Animacja oczekiwania (np. kręcący się skaner lub skala ładowania w %)
🔹 5. Responsywność:
• Pełna adaptacja do:
• 📱 Telefonów komórkowych
• Przyciski i formularze muszą być klikalne palcem i myszą, UI — przyjazne dotykowi
🔹 6. Technologie (opcjonalnie):
• Frontend: HTML + Tailwind CSS / SCSS + JS / Vue / React
• Animacje: GSAP / Lottie / CSS animations
• Stripe SDK do płatności
• Formularze: Email.js, Telegram API, lub Webhook w TG