Static HTML/CSS/JavaScript app for FC26 squad, tactics, meta notes, and card-data exploration.
This repository is intentionally lightweight: no build step, no backend, and no account system. Open it as a static site or serve it locally over HTTP.
- Squad and card catalogue data
- Tactics and formation reference screens
- Meta-lab style presets stored in browser
localStorage - Verification script for data shape and HTML/script consistency
- Architecture notes in
docs/ARCHITECTURE.md
- What this is: an independent, personal technical demonstration — a static, build-less
single-page app exploring squad-building, tactics, and a football card catalogue. Its purpose
is to show front-end engineering (no framework,
localStoragestate, data validation, XSS-safe rendering), not to reproduce or compete with any commercial product. - Player attribute data (names, ratings, clubs, leagues) bundled in
data/*.jsonoriginates from a community-compiled public dataset (dataSource: "EAFC26-DataHub"). It is included here only as a static working snapshot for the demo and is not presented as an official, canonical, or up-to-date source. Verify anything against the live game before relying on it. - Player portraits are NOT included or fetched. The app does not store, download, or hotlink any third-party images. Faces are rendered locally as a generated initials SVG placeholder. No request is made to any external image host.
- No scraping is performed by this repository. It contains only the static app and its data snapshot — no data-collection or image-fetching scripts.
- Not affiliated with, endorsed by, or associated with EA Sports, Electronic Arts, SoFIFA, or any football league, club, or player. "EA Sports FC" and related names are trademarks of their respective owners; any reference is nominative and descriptive only.
- Not an official FC26 database. Prices, promo cards, and meta notes must be checked against the live game/client.
Because this is a static app, any simple local server is enough:
python3 -m http.server 8080Then open:
You can also open index.html directly, but a local HTTP server is closer to production hosting.
node scripts/verify-fc26.mjsThe verifier checks:
- JavaScript syntax for the data bundle
window.FC26_META_DATAshape- required formations, tactics, settings, celebrations, and live-meta fields
- consistency between app data and the HTML shell
Security notes: see SECURITY.md.
| Path | Purpose |
|---|---|
index.html |
Entry point |
fc26-meta-command-center.html |
Main app shell |
assets/fc26-command-center.js |
UI logic |
assets/fc26-meta-data.js |
Main data bundle |
assets/fc26-command-center.css |
Styles |
data/*.json |
Card catalogue data |
scripts/verify-fc26.mjs |
Pre-push verification |
docs/ARCHITECTURE.md |
Technical notes |
Personal static tool / catalogue prototype. Keep claims conservative and verify live-game facts before presenting them as current.