reverse-engineering-anything/website/public/guides/index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Guides — REA</title>
    <meta
      name="description"
      content="Learn REA through short worked examples: a native calculation, an Electron CSV export and a browser request."
    />
    <meta name="theme-color" content="#ffffff" />
    <link rel="icon" href="../assets/favicon.svg" type="image/svg+xml" />
    <link rel="stylesheet" href="../assets/styles.css" />
    <script src="../assets/main.js" defer></script>
  </head>
  <body id="top">
    <a class="skip-link" href="#main">Skip to content</a>
    <header class="site-header">
      <div class="container header-inner">
        <a class="brand" href="../" aria-label="REA home"
          ><span class="brand-name">REA</span
          ><span class="brand-caption">Reverse Engineer Anything</span></a
        >
        <nav class="navigation" aria-label="Main navigation">
          <a href="../showcase/">Showcases</a
          ><a class="nav-start" href="../get-started/">Get started</a
          ><a href="./" aria-current="page">Guides</a><a href="../faq/">FAQ</a>
        </nav>
        <a
          class="nav-github"
          href="https://github.com/morluto/rea"
          aria-label="REA on GitHub"
          title="REA on GitHub"
        >
          <svg
            width="22"
            height="22"
            viewBox="0 0 16 16"
            aria-hidden="true"
            focusable="false"
          >
            <path
              fill="currentColor"
              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.65 7.65 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"
            />
          </svg>
          <span class="nav-github-count" hidden aria-hidden="true"></span>
        </a>
      </div>
    </header>
    <main id="main" class="container">
      <div class="page-heading">
        <p class="breadcrumb"><a href="../">Home</a> / Guides</p>
        <h1>REA guides.</h1>
        <p class="lede">
          Analyze a native function, an Electron export or a browser request.
          Each guide includes a prompt, code and results.
        </p>
      </div>
      <div class="guide-index">
        <section class="guide-entry">
          <p class="eyebrow">Native binaries</p>
          <div>
            <h2>Recover a sound-pan calculation</h2>
            <p>
              Start with a Windows game executable. Inspect instructions, follow
              a caller, read numeric constants and check the recovered C.
            </p>
            <div class="guide-route">
              <span>Instructions</span> <b aria-hidden="true">→</b>
              <span>Caller</span> <b aria-hidden="true">→</b>
              <span>Constants</span> <b aria-hidden="true">→</b>
              <span>C function</span>
            </div>
            <a class="text-link" href="native/">Native analysis guide</a>
          </div>
        </section>
        <section class="guide-entry">
          <p class="eyebrow">JavaScript &amp; Electron</p>
          <div>
            <h2>Follow a CSV export</h2>
            <p>
              A small Notes app spreads one feature across the renderer, preload
              and main process. Use REA to connect the API, IPC channel and file
              writer.
            </p>
            <div class="guide-route">
              <span>Button</span> <b aria-hidden="true">→</b>
              <span>Preload API</span> <b aria-hidden="true">→</b>
              <span>IPC</span> <b aria-hidden="true">→</b> <span>CSV file</span>
            </div>
            <a class="text-link" href="javascript/"
              >JavaScript &amp; Electron guide</a
            >
            <p>
              For a larger packaged app, follow
              <a href="../showcase/notion/">Notion's clipboard bridge</a>.
            </p>
          </div>
        </section>
        <section class="guide-entry">
          <p class="eyebrow">Browser behavior</p>
          <div>
            <h2>Observe a click</h2>
            <p>
              Open a working Notes example, capture an export request and find
              the code that turns its response into a download.
            </p>
            <div class="guide-route">
              <span>Your click</span> <b aria-hidden="true">→</b>
              <span>Captured request</span> <b aria-hidden="true">→</b>
              <span>Export script</span>
            </div>
            <a class="text-link" href="browser/">Browser observation guide</a>
          </div>
        </section>
        <section class="guide-entry">
          <p class="eyebrow">First investigation</p>
          <div>
            <h2>Set up REA</h2>
            <p>Connect your coding agent or use REA from the terminal.</p>
            <a class="text-link" href="../get-started/">Get started with REA</a>
          </div>
        </section>
      </div>
    </main>
    <footer class="site-footer">
      <div class="container footer-inner">
        <p>REA · Reverse Engineer Anything</p>
        <div class="footer-links">
          <a href="https://github.com/morluto/rea">Source</a
          ><a href="https://github.com/morluto/rea/blob/main/LICENSE"
            >MIT license</a
          ><a href="https://discord.gg/GkcryMnJDM">Community</a>
        </div>
      </div>
    </footer>
    <p class="sr-only" id="copy-status" role="status" aria-live="polite"></p>
    <a class="back-to-top" href="#top" aria-label="Back to top">
      <span aria-hidden="true">↑</span> Top
    </a>
  </body>
</html>