LoPo

---

Tools

Mitigation Planner

Plan raid mitigations faster than spreadsheets. Place mitigations on an interactive timeline and simulate party survival in real time.

• Timeline View — Visualize damage and mitigations chronologically with real-time lethal checks
• FFLogs Import — Paste a log URL to auto-generate a timeline
• Auto Planner — One-click mitigation placement with recast awareness
• Party Composition — Freely configure 8 jobs and stats
• Dark / Light / Focus modes — Choose the view that suits you
• i18n — Japanese / English / Chinese / Korean
• PWA — Works on mobile and offline
• Tutorial — Interactive guide for first-time users

Housing Tour Planner

Coming soon.

---

Feedback & Bug Reports

Join the Discord server — all feedback and bug reports are welcome!

---

Prerequisites

• Node.js 18+
• npm

Getting Started

# Install dependencies
npm install

# (Optional) Set up FFLogs API
cp .env.local.example .env.local
# Add your FFLogs Client ID / Secret to .env.local

# Start dev server
npm run dev

Build

npm run build
npm run preview  # Preview the build

Deployment

Designed for Vercel. Import the repo and set FFLOGS_CLIENT_ID and FFLOGS_CLIENT_SECRET as environment variables.

Category	Technology
Framework	React 19 + TypeScript
Build	Vite 7
State	Zustand
Styling	Tailwind CSS 4
Animation	Framer Motion
Drag & Drop	dnd-kit
i18n	react-i18next
3D Background	Three.js
PWA	vite-plugin-pwa

---

Copyright

This is an unofficial fan tool and is not affiliated with SQUARE ENIX CO., LTD.

FINAL FANTASY is a registered trademark of Square Enix Holdings Co., Ltd.

© SQUARE ENIX CO., LTD. All Rights Reserved.