Social-Verify

This repository contains a website which will give reports of given ids, whether they are fake or real.

Comment

📖 Project Story: Social-Verify

🧠 About the Project

Social-Verify was born out of a growing concern with the authenticity of social media accounts. In a world where bots, fake followers, and impersonators flood digital platforms, I wanted to create a tool that helps users verify the credibility of a social media profile—instantly, clearly, and interactively.

What started as a simple idea turned into a full-fledged frontend-focused application that mimics real-world verification logic using mock data, structured API simulations, and modern UI design patterns. The goal was to simulate the feel of a trustable verification platform—one that could scale into a real SaaS solution later.

🚀 What Inspired Me

I noticed a rise in suspicious accounts on platforms like Twitter and Instagram, especially in comment sections and DMs. From crypto scams to impersonation of celebrities and influencers, the problem was everywhere. That's when I thought: What if people had a simple way to verify the authenticity of a social media profile?

This led to the creation of Social-Verify—a system where users could input a username or profile URL and instantly receive a credibility score, bot-likelihood indicator, and side-by-side comparison tool for evaluating multiple accounts.

🛠️ How I Built It

The project was built entirely using modern React + TypeScript tooling with Vite as the development environment. Key tools and technologies I used:

  • 🎨 Tailwind CSS for utility-first styling
  • 🧩 Shadcn/UI components for clean and reusable form elements
  • 🧠 React Hook Form + Zod for validation and form logic
  • 🔁 React Query (TanStack) to simulate asynchronous data fetching
  • 📁 Modular directory structure with hooks, components, and lib folders

I used mock logic for API responses inside queryClient.ts to simulate real-time verification results without needing a backend. The comparison feature was also mocked with realistic data to imitate how users could compare follower overlaps and behavior metrics between two profiles.

💡 What I Learned

  • Mastered form management and validation in modern React apps
  • Improved my understanding of UI/UX design for trust-based tools
  • Practiced state management, data flow, and error handling in a modular way
  • Gained experience in structuring projects for scalability and extensibility

🧩 Challenges I Faced

  • Designing realistic mock data to reflect credible verification logic
  • Balancing between a clean UI and information density (i.e., displaying many credibility factors without overwhelming the user)
  • Implementing a mobile-friendly, responsive layout for all screen sizes
  • Managing form states, especially when comparing two dynamic inputs in the comparison tool

Social-Verify was an eye-opening experience that blended tech, design, and real-world social media challenges. I'm excited to continue refining this project and eventually pair it with a backend service to offer live verification powered by AI and real-time data.

Share this project:

Updates