The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Live Demo
Description
IMRNES is a cyberpunk-themed hacker community platform think a gamified CTF (Capture the Flag) and knowledge-sharing hub built for operatives (users) who want to compete, collaborate, and level up together.
Category
Social Network | Competitive Gaming Community | Dashboard specifically targeting the cybersecurity and CTF community, blending elements of gamification, competitive scoring, and knowledge-sharing.
What the App Does
The platform is structured as a "digital territory" with distinct zones users can infiltrate:
CTF Arena The competitive core. Users browse live CTF events, view challenge grids filtered by category, difficulty, and point value, submit flags, register solo or with a team, and watch live scoreboards update in real time.
Team Spaces (Syndicate Quarters) Users forge or join "Syndicates" (teams), coordinate with teammates via team signals (posts), manage rosters with roles, and track collective XP and global syndicate rankings.
Labs Archive (R&D Sanctum) A knowledge base where users publish and upvote community projects and "intel files" (articles written in markdown), linked to CTF events or projects.
Community Hub A signal feed and broadcast terminal for social interaction, with an author preview popup for quick profile lookups.
Profile (Operative Dossier) Tracks user XP, rank tier, badges (with up to 3 pinnable), social links, a bio, and an activity log.
Index / Node Map The app's home screen, framed as a cyber-spatial mesh where live operations pulse and users navigate to any zone.
Gamification Layer
Users earn XP, progress through rank tiers, and collect badges (e.g., "Flag Phantom Legendary" for clearing every challenge in a live operation). Badges unlock via completing challenges and contributing intel.
How It Was Built on the AI-Generated Base
The AI-generated foundation provided the full responsive page structure, data model (CtfChallenge, Project, User, teams, badges, articles, scores, etc.) reusable sidebar/header components, color token system, and core workflows for CRUD operations.
On top of that base
API Connector installed for potential external API integrations.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
HackLab Mobile App Design – Explore Cybersecurity, Network Defense & Practical Training
Cybersecurity is becoming an essential skill in today's digital world, but learning ethical hacking, network defense, and online security can be challenging without the right platform. HackLab is a modern cybersecurity learning app concept designed to make technical education more accessible, interactive, and engaging.
Cool concept for learning security.
After making Framer components, I finally built my first template.
Perfect for Indie game studios, game jams, early access and playtest sign-ups, Steam or console launch teasers, and any project with a retro or arcade vibe.
Free on the Framer Marketplace. Link below 👇
Congrats on the first template. "You're in, Player 1" as the success state is such a good touch, and the world-loading bar with players in queue makes a waitlist feel alive. Is the queue counter wired to real sign-ups, or a number you edit in Framer?
🔥 CASE 404🔥 — Digital Forensics System
Full-Stack Detective Game & Interactive Web Application
CASE 404 is an interactive detective mystery that transforms a traditional web dashboard into an immersive digital investigation experience.
Players investigate the mysterious disappearance of a forensic analyst by examining suspects, uncovering hidden evidence, analyzing digital communications, and solving logic-based puzzles.
The Experience
Interactive Investigation Dashboard — A polished, dark-themed interface inspired by professional forensic software.
Suspect Database — Searchable profiles featuring detailed backgrounds, motives, and conflicting alibis.
Evidence Board — Draggable evidence cards with visual connections between clues.
Digital Communications — Realistic phone conversations, email records, and police interviews.
Forensic Puzzles — Three interactive challenges that unlock additional evidence.
Multiple Endings — Investigation outcomes determined by the player's conclusions and collected evidence.
Persistent Progress — Automatic browser-based saving of notes, discoveries, and completed puzzles.
Behind the Technology
Built entirely with HTML, CSS, and vanilla JavaScript, supported by Cloudflare Workers and a real Cloudflare D1 (SQLite) database.
The project includes a serverless REST API, relational database architecture, responsive UI/UX design, and browser-based state management.
The Result
A fully deployed, interactive full-stack application combining software engineering, creative storytelling, and immersive interface design.
The evidence board sounds fun.