Project Details

DeutschTrainer is a modern, high-performance web application designed to help language learners conquer B2-level vocabulary and irregular German verbs. The application is split into two specialized core tools: the WortTrainer (vocabulary trainer) and the VerbTrainer (irregular verb trainer). WortTrainer organizes vocabulary in its original insertion order and includes quick-select range presets (like "Alle," "Eigene," and recent selections) for targeted practice. It stores customized words locally in the user's browser via localStorage so they are persisted permanently for them. Guest users have full access to add, edit, and delete their own vocabularies without needing an account, while a secure admin login gate prevents guest users from making unauthorized modifications to the master databases on the server.

From a design and user-experience perspective, DeutschTrainer features a premium dark-theme layout with dynamic glowing cards, smooth glassmorphism effects, and highly responsive mobile overrides that ensure seamless practice on any smartphone or tablet. The settings dashboard features interactive toggle switches for setting count-down timers, enabling sound effects, turning on automated advance options, and fuzzy check tolerance (allowing ae/oe/ue for ä/ö/ü). Authenticated administrators also gain access to a drag-and-drop Excel file uploader powered by SheetJS, allowing them to instantly update the master verbs database. The entire platform runs directly inside a PHP environment (featuring central configs like config.php and a shared header.php and footer.php) and is custom-built with pure CSS and Javascript.