> For the complete documentation index, see [llms.txt](https://lilo.gitbook.io/lilocookbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lilo.gitbook.io/lilocookbook/appendix/before-greater-than-after-examples.md).

# Before->After Examples

#### 5.2 Before→After Micro‑Transforms Gallery

**Example 1**

* *Before*: Worked on Unity lessons for VR platform.
* *After*: Integrated STEM lessons into a Unity XR classroom module, fixed input latency, and improved average frame rate to 30.1 FPS during pilot sessions.\
  *Why*: Adds context, action, and a measurable result.

**Example 2**

* *Before*: Handled IT support.
* *After*: Triaged and imaged Windows devices using a standard checklist, documented fixes for the top recurring issues, and reduced repeat tickets during the term.\
  *Why*: Shows process, tooling, and outcome.

**Example 3**

* *Before*: Built a dashboard.
* *After*: Shipped a React and Node dashboard exposing user and report CRUD, enforced server‑side validation and JWT roles, and added migrations in Sequelize to version the MySQL schema.\
  *Why*: Explicit endpoints, auth, and schema evolution.

**Example 4**

* *Before*: Implemented face login.
* *After*: Built a Flask API for face‑based authentication with OpenCV and PostgreSQL embeddings, returning JWTs on success and keeping false acceptances low in testing.\
  *Why*: Contract clarity and verifiable metrics.

**Example 5**

* *Before*: Optimized training time.
* *After*: Replaced 12,000 plus rule checks with a Pandas feature pipeline and schema validation, which cut model training time by 30 percent on sampled datasets.\
  *Why*: Connects the change to a real outcome.

Example 6

* *Before*: Built booking site with Next.js.
* *After*: Implemented booking and cancellation flows with protected routes, optimistic updates, and server‑side fetching, while trimming the hero bundle to reduce time to first interaction.\
  *Why*: Names flows, correctness, and UX speed.

**Example 7**

* *Before*: Created a news dashboard.
* *After*: Shipped a React dashboard with search and saved filters, added keyboard navigation and focus management to improve accessibility, and wrote unit tests for critical components.\
  *Why*: Usability, a11y, and correctness.