fsociety-web — ArmanXploits Cybersecurity Lab
A dark terminal-aesthetic cybersecurity hub — CTF writeups, a live in-browser toolbox (encoder, hash identifier, CVE lookup, regex tester), pentest checklists, and an interactive OWASP Top 10 reference.
The Problem
No single resource tied together my cybersecurity learning — CTF solutions, tool references, pentest methodology, and OWASP knowledge were scattered across notes, terminals, and bookmarks. Needed a personal lab hub that doubles as a public portfolio for the armanxploits brand.
Architecture & Approach
Built a dark, terminal-aesthetic static site with no frameworks — pure HTML/CSS/JS for speed and control. Shipped a live in-browser toolbox (encoder/decoder, hash identifier, CVE reference lookup, regex tester) so visitors get something interactive on first load, not just a roadmap. CTF writeups and an interactive OWASP Top 10 reference are structured the same way — expandable, skimmable, and clearly marked for educational use with written-permission-only framing throughout.
Engineering Challenges & Solutions
- Designing a hacker aesthetic (electric green on space-black) that still scores well on accessibility contrast ratios
- Structuring CTF writeups so they're useful to other learners without giving away flags outright
- Building an interactive OWASP reference and toolbox that work fully client-side, without a backend or database
Outcome & Results
Live at fsociety-web.vercel.app — journey timeline, roadmap tracker, and a working toolbox are shipped. CTF writeups and deeper tutorials are the current focus of active development under the armanxploits brand.
Lessons Learned
Building a security-focused site forces you to think about every input field, every external script, and every header — you end up auditing your own work the same way an attacker would.
