Development

As we previously discussed in the Prototyping section, we have iteratively improved our high-fidelity prototype to provide insights for continued design and code implementation. While our finalized high-fidelity Figma prototype has thoroughly demonstrated the user flow and interactions, it is noticeable that some core features, including AI-assisted content authoring and video processing, could be better demonstrated with user-generated content (UGC) in an actionable web front-end beyond the static design screens.

To blend real-life expectations into our solution, through communication with our client on technical feasibility and trending practices in software engineering, we have implemented a proof-of-concept front-end containing two of the core features, altogether with throughout technical documentation to demonstrate our design prototype in action and provide further insights in actual development.

Technology stack

• React, TypeScript - building blocks of a modern web front-end's framework
• Ant Design - rich component library to rapidly construct interfaces
• OpenAI, GraphQL - RESTful APIs to fetch both existing and AI-generated content
• MediaRecorder - Supports in-browser video manipulation