TASK:
Ensure the correct conversion of text layers from the web application (https://сайт) into the final video file (webm VP9+alpha) while preserving fonts, colors, animation timings, and achieving full identity with the client preview.
PROJECT CONTEXT:
Frontend: React (Vite),
Backend: FastAPI,
Storage: MinIO (S3-compatible),
DB: PostgreSQL,
Containerization: Docker, docker-compose,
For local development, docker-compose.yml is used (the project map will be provided to the contractor).
The animation of text layers is implemented through Staggerchildren in Framer Motion (the effect of character-by-character appearance of text from left to right). The text color is set dynamically depending on the selected postcard template.
IMPLEMENTATION REQUIREMENTS:
Output: the final file format webm (VP9 with alpha channel), frame rate - 30 FPS, resolution 1080x1920 px. Full identity with the preview of text layers (fonts, colors, timings, animation) without loss of quality and animation effects.
Process: the webm file is generated on the backend and saved in the MinIO storage folder for the next stage – the overall rendering of all layers. At this stage, nothing is provided to the client/user, the conversion of text layers should be performed only after receiving a webhook about payment in real-time without subsequent saving of intermediate files (png sequences and other accompanying materials). Payment is simulated through a temporary trigger button. The process must be automated without using third-party programs on the server/local machine (Bodymovin in After Effects, etc.) and without manual labor. Everything should work automatically on the backend triggered by successful payment. The conversion time should not exceed 30 seconds, and the expected size of the webm file is about 50 mb.
File storage location: should be set by a parameter or environment variable so that it can be reconfigured without changing the code.
Flexibility: The code should be written universally: new custom fonts supporting Kazakh Cyrillic should connect automatically without the need to modify the rendering logic. The system should take text parameters dynamically, rather than "hardcoding" a specific file into the code.
For reference: the addition of new postcard templates and fonts has already been implemented through the admin panel. They are integrated automatically and correctly with one button without interfering with the code.
RESULT VERIFICATION:
The script, after being connected to the production site, will be tested within 3 working days by using 5 active and 3 new postcard templates, 5 active and 3 new fonts, and 5 options of long and short text with Kazakh Cyrillic. The work will be considered completed only after full compliance of the result with the above implementation requirements.
Please propose your budget and timelines. Candidates are requested to immediately describe which tools will be used to solve the task.
