# Splity

> Splity is a pure front-end tool that automatically splits scattered knowledge points into front/back study flashcards. Paste a block of text and it auto-detects numbered lists, bullet lists, Q&A pairs (Q/A), key-value pairs, definitions, and blank-line segments, then splits them into flippable review cards with mastery progress tracking and a list overview mode. No signup, no back-end, all data stays in the browser locally.

Splity is built with React 19 + TypeScript + Vite and runs entirely on the client side, collecting no user data. The landing page is statically generated with Astro and deployed on Cloudflare Pages.

## Core Features

- Smart Split: auto-detects 6 text formats (numbered list, bullet list, Q&A pairs, key-value pairs, definitions, blank-line segments)
- 3D Flip Cards: cubic-bezier animations, supports spacebar flip, arrow-key navigation, M-key mastery marking
- Progress Tracking: real-time progress bar, marks mastered cards
- List Overview: one-tap switch to list mode to browse all cards
- Privacy First: all data is processed only in browser memory, never sent to any server

## Use Cases

- Exam review (split knowledge points into Q&A cards)
- Language learning (word-definition pairing)
- Concept memorization (term-definition mapping)
- Reading notes (chapter key-point extraction)

## Tech Stack

- Front-end: React 19, TypeScript, Vite 8, pure CSS
- Landing page: Astro 5, Content Collections, Cloudflare Pages
- Hosting: Cloudflare Pages (Git-integrated auto-deploy)

## Links

- [Splity App](https://splity.pages.dev)
- [GitHub Repository](https://github.com/bayernjf/splity-landing)
- [Blog (English)](https://splity-landing.pages.dev/blog)
- [Blog (Chinese)](https://splity-landing.pages.dev/zh/blog)
- [About](https://splity-landing.pages.dev/about)
- [Privacy Policy](https://splity-landing.pages.dev/privacy)
- [Terms of Service](https://splity-landing.pages.dev/terms)