Project: OSINT parsing/scanner nickname / login / phone number
🔹 1. Project goal:
- Create a one-page website (landing page) with an animated modern design, allowing the user to enter a nickname or number, check its mentions in popular social networks and messengers (Telegram, Instagram, TikTok, YouTube, Facebook, registries).
🔹 2. Style and design:
- Main style: dark theme with neon accents (green + black)
- Font: Montserrat / Inter / Space Grotesk
- Animations:
- Smooth appearance of elements
- Hover effects on buttons and cards
- Icon animations (for example, when selecting a social network)
- Light parallax background animation
- Buttons with glowing effects on hover
🔹 3. Page structure:
🔘 1. Header:
- Logo (OSINT service)
- Button: “ ”
- (optional: language switch — EN)
🔘 2. "Check what is visible" block:
• Heading: “Check what about you is visible on the internet”
• Subheading: “Find out where your name/login appears in Telegram, Instagram, TikTok, and others”
• Login input form (username, tiktok.com/username, telegram.me/nickname)
• Social network checkboxes (Telegram, Instagram, TikTok, Facebook, registries)
• Button: [ ]
• Animation: checkboxes highlight on hover
🔘 3. Example report:
• ✔️Icons and points:
• ✔️Found 6 Telegram channels
• ✔️3 comments on Instagram
• ✔️2 broadcasts on TikTok
• ✔️Facebook account: 132 likes and 12 groups
• Can be implemented as an interactive card with scrolling / fade-in
- Better to use a percentage loading bar
🔘 4. Security:
- Shield icon
- Text:
We only collect public information.
We do not use hacking or access private data.
🔹 4. Technical requirements:
• 🔗 Payment system: Stripe integration
• Only Stripe (payment with Visa / MasterCard / Apple Pay / Google Pay)
• 🧠 Login parsing form:
• Send login or number of selected social networks to API (backend implemented separately)
• Waiting animation (for example, spinning scanner or percentage loading bar)
🔹 5. Responsiveness:
• Fully responsive for:
• 📱 Mobile phones
• Buttons and forms must be clickable with fingers and mouse, UI — touch-friendly
🔹 6. Technologies (optional):
• Frontend: HTML + Tailwind CSS / SCSS + JS / Vue / React
• Animations: GSAP / Lottie / CSS animations
• Stripe SDK for payments
• Forms: Email.js, Telegram API, or Webhook in TG