iToverDose/Software· 23 JUNE 2026 · 00:06

Vanilla JS trading tools rank 168 pages without frameworks

A prop-trader built 168 SEO-optimised calculators and pages using only HTML, CSS, and JavaScript. No frameworks, build steps, or ads—just fast, pre-calculated tools for 12 prop firms and their rules.

DEV Community3 min read0 Comments

A solo developer has quietly launched PropWise, a suite of 168 free trading calculators and comparison pages that rank in search without frameworks, build steps, or ads. Each page is pure vanilla HTML, CSS, and JavaScript, and targets exact queries prop-firm traders type daily. The entire project runs on an Nginx VPS with Certbot SSL and Google Analytics—no databases, APIs, or sign-up walls.

Why vanilla HTML/JS won

Existing trading calculators often frustrate users with cluttered layouts, intrusive ads, or missing rules. PropWise avoids these pitfalls by focusing on two core principles: instant utility and strict adherence to firm policies. For example, FTMO’s 5% daily drawdown limit is baked into every calculation, and tools like the “Revenge Trade Calculator” quantify emotional trading mathematically.

  • No framework build step – Pages load instantly without hydration or bundle overhead.
  • No external dependencies – All logic runs client-side, eliminating API latency.
  • Dark theme by default – Traders spend hours on dark charts, so a bright white page would feel jarring.
  • Zero sign-up friction – Every tool works immediately; no email capture, no paywall.

The 10 core tools and 158 auto-generated pages

PropWise bundles 10 interactive utilities, then scales them into 158 targeted landing pages through a Python generator. Each page is uniquely optimised for long-tail queries and includes schema markup, breadcrumbs, and pre-calculated tables.

Core calculators

  • Position Size Calculator – Pre-configured for 12 prop firms, calculates exact lot sizes per account.
  • Challenge Cost Calculator – Estimates the expected cost to pass funding based on firm pass rates.
  • Risk of Ruin Calculator – Computes the probability of blowing your account under current risk levels.
  • Revenge Trade Calculator – Measures the mathematical impact of emotional trades on account equity.
  • Overtrading Detector – Analyses trading frequency against optimal thresholds.
  • Live Session Timer – Includes ICT kill-zone alerts for disciplined trading windows.
  • Compound Growth Calculator – Projects account growth with custom risk and reward ratios.
  • Pip Value Calculator – Converts pips to account currency for cross-market trades.
  • Prop Firm Comparison – Side-by-side metrics across 12 firms.
  • Am I Ready? Quiz – A readiness assessment based on trading history and rules.

Programmatic pages (158 total)

  • Firm × Account Size – 55 unique calculators, e.g., “FTMO 100K Position Size Calculator.”
  • Firm × Firm Comparisons – 66 head-to-head pages, e.g., “FTMO vs FundedNext.”
  • Firm × Tool Pages – 36 brand-specific landing pages, e.g., “Topstep Risk Calculator.”

Each page carries unique titles, meta descriptions, schema.org markup, breadcrumbs, and heavy internal linking (5+ contextual links). Resulting pages load instantly and rank for ultra-specific queries.

Behind the scenes: tech stack and SEO engine

The stack was deliberately minimal:

Tech stack:
- Vanilla HTML5 / CSS3 / ES6 JavaScript
- One Python script to generate 168 pages from Jinja2 templates
- Nginx on a VPS (Ubuntu LTS)
- Certbot for free SSL certificates
- Google Analytics 4 (no cookies consent banner required in many regions)

The SEO engine is automated. A single Python loop iterates over firms and account sizes, injecting firm-specific rules into each template before writing static HTML. Schema.org markup covers SoftwareApplication, BreadcrumbList, and FAQPage, while breadcrumb navigation and internal links reinforce topical authority.

UX flourishes that traders notice

  • Share cards – Every calculation generates a shareable image card sized for Twitter/X, reducing friction for organic distribution.
  • Subtle sound effects – A soft “cha-ching” for profitable outcomes and an alert chime for dangerous risk levels enhance engagement without distraction.
  • Pre-calculated tables – Users see results immediately; no blank forms to fill.

What would change next time

  • Migrate the Python generator to a static site generator like Eleventy or Hugo for faster rebuilds and easier maintenance.
  • Add a service worker to enable offline access—traders often track trades on mobile without reliable connectivity.
  • Introduce a design system (CSS variables, components) to streamline UI updates and reduce inline styles.

Early results and future roadmap

Within days of launch, 168 pages were indexed by Google with zero paid promotion. Traffic is organic, driven by long-tail queries and shareable results. The creator invites prop-firm traders to suggest missing features or calculators, hinting that the toolset will expand based on community needs. Expect more firm-specific rules, gamified quizzes, and perhaps even a mobile app powered by the same vanilla stack.

For now, the project proves that fast, ad-free calculators built in pure HTML/JS can outperform bloated SaaS tools—while ranking effortlessly.

AI summary

Prop firmalar için özel hesaplama araçları oluşturmak isteyenler için ilham kaynağı olan bir proje. Vanilla HTML/JS, programatik SEO ve kullanıcı odaklı tasarım detayları burada.

Comments

00
LEAVE A COMMENT
ID #L6M197

0 / 1200 CHARACTERS

Human check

4 + 5 = ?

Will appear after editor review

Moderation · Spam protection active

No approved comments yet. Be first.