Overview

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 Golang Gin server with a nuanced bug where you will need to debug and suggest how to fix the code. Once you are done with that, it will be important for you to design a load test (feel free to use a load testing package to do this, the task is more to design the conditions you might load test) that can be used to accurately measure the performance of the server. As deliverable, please fix the code, write some quick but detailed documentation on the bugs you saw, and a quick blurb about the load testing you performed.

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: 4-6+ Hours (If you need to take more time, please feel free but note how much time you took)

Codebases

Codebase Link
Frontend
Backend

Your Tasks

Frontend