Finanz Coach for You

A modern multi-page website was created with animations, a custom visual structure, and a flexible access control system.
What was implemented:
Unique design and UX:
Circular topic navigation scheme
Non-standard visual grid with an emphasis on interactivity
Minimalist interface in brand colors (white background, gold, gray)
Frontend:
Built with React + TypeScript
Animations using Framer Motion
Responsive layout based on Bootstrap
Support for dynamic routing and user roles
Interactive navigation with access rights logic
Multilingual support (Russian / German) with language switcher and auto-translation system
Platform functionality:
Email-based registration and login
Complex role hierarchy (VM, VBA, AL, P1–P6, DL, Admin) with access restrictions per topic and feature
Videos can only be watched in a given sequence
Fast-forwarding disabled (except for DL/Admin)
Progress tracked only through real viewing
Watch time is recorded per user and video
Event calendar:
Visible to all users
Event creation available to AL and above
Ability to attach training videos to events
View tracking after events
Admin panel:
Flexible system for creating topics and subtopics
Supports adding:
Titles and descriptions in two languages
Videos (file or link)
Playback order
Minimum access level
User management:
Assigning roles
Progress tracking
View analytics (status, duration, completion)
Backend:
Flexible database structure for storing content, permissions, and user progress
REST API for frontend-admin communication
Secure authentication and access control