# fsociety-web — ArmanXploits Cybersecurity Lab

> Category: Cybersecurity | Period: June 2026–Present | Metric: 4 live tools
> Canonical URL: https://www.arman-portfolio.online/projects/fsociety-web/
> Live Demo: https://fsociety-web.vercel.app/
> Source Repository: https://github.com/arman080325/fsociety-web

## Overview
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. Try the live demo below.

## Architecture & Tech Stack
HTML/CSS/JS, Python, Kali Linux, Burp Suite, OWASP

## Case Study

### 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.

---
Author: Arman Ahemad Khan (https://www.arman-portfolio.online/)
Role: Application Security & Full-Stack Developer
Education: Final-year B.Tech CSE at Silicon University, Bhubaneswar (CGPA 9.15, graduating May 2027)