🔒 IQ Portfolio Gate (This Site)

Overview

IQ Portfolio Gate is an interactive portfolio system that flips the usual “here’s my work” flow into a hands-on lesson about digital privacy. Instead of silently tracking visitors, it makes data collection explicit by asking for consent, demonstrating what can be inferred from a visit, and then showing the results back to the user as a generated dossier.

The gate uses puzzle-based progression and server-side validation to prevent basic client-side cheating, while also serving as a practical full-stack build that combines backend routing, authentication, data storage, and a front-end UI/UX flow.

Tech Stack

Key Features

• Server-side answer validation so puzzle progress can’t be bypassed with simple browser edits
• Real-time IP geolocation with VPN/proxy detection to demonstrate location inference
• OSINT-style dossier generation that displays collected + derived visit data back to the user
• OAuth login support with a fallback/mock auth path for predictable testing and demos

My Contribution

• Designed the full “challenge → consent → data capture → dossier → portfolio access” experience
• Built the FastAPI backend routes for validation, session flow, and data storage
• Implemented database models and persistence using SQLAlchemy
• Created the front-end puzzle flow and UI interactions in Vanilla JS + HTML/CSS
• Integrated authentication logic with OAuth and a fallback login path for local/demo usage

Results

• Built a live, interactive portfolio flow that demonstrates privacy concepts through direct user experience
• Strengthened full-stack skills: routing, persistence, auth, server-side validation, and front-end UX
• Proved the ability to design a system with both technical depth and a clear educational purpose
• Next steps: expand puzzle variety, refine dossier clarity, and harden edge cases around spoofing and rate-limits