It's a Vue single page application, which imitates DeepL. Some changes are in the attachment. This app with simplest UX. No backend API calls. Only consider desktop devices. Only for Chrome & Firefox. It imitates [login to view URL], please check the attached file. And the other things (e.g. colors, UX) subject to the DeepL.
But some things are different:
1. Remove the icon between the two cards, thus the two cards should be 100% square.
2. No black boarder on the card.
3. The font in the card should be monospaced font.
4. GDPR cookie confirm (for Google Ad).
All the UI&UX design is on you, DeepL is a model, but shouldn't 100% copy, I want a slightly different on the UI design.
What do I care:
1. Google SEO.
2. High Completion (I do code review).
3. Material Design.
4. Qualified UX.
2. Vuetify (optional, but better to have a Component Framework).
3. Nuxt (optional, don't care, as long as good for SEO).
1. User can choose from the selector.
2. Depends on the user's choice, the translation will be generated on the right card. (The generating logic will be implemented by me, you can just write a code for mirroring).
1. Only consider desktop devices, only Chrome & Firefox.
2. Good Google SEO.
3. Google SpeedInsight 95+ (only desktop).
4. All fonts and icons should be non-commercial.