You will be provided a small AI chat-based application that outputs React components given a user prompt, like a simple vibe-code tool. The application is simple, and is prompted to only produce simple isolated components. The components will be outputted into an preview component, and can be seen right in the browser.
As part of this project imagine that we have a new localization requirement (allowing for translated text in the components). The application must include a focused localization management feature that allows users to manage translation keys and their values, and directly integrate with the react preview. All the text displayed in the preview should be localized according to a dropdown of the selected language. You should accomplish this by creating a database of keys and localization values that can be used and modified both by the user and by the editor. Make sure your solution incorporates the following cases:
Additionally, you will be given a Python FastAPI server where you will need to debug the code, benchmark the performance, and suggest how to fix the code.
This homework is designed to evaluate your ability to create a comprehensive chat application, design a complex feature end to end, as well as your design skills. This homework may be a bit challenging and out of the box, but we’ve asked you to complete this because we think you can be successful in exceeding our standards!
Time Limit: 2-4+ Hours
| Codebase | Link |
|---|---|
| Frontend | ‣ |
| Backend | ‣ |