illyahavrulyk / leolang-frontend Goto Github PK
View Code? Open in Web Editor NEWFront-end application for LeoLang
Front-end application for LeoLang
There is no endpoint for translation on backend, so it is hard to test and develop new frontend features.
When target language is changed, a loading spinner is added, since the change of target language provokes a Translator component re-render, triggering debouncing useEffect hook and setting isLoading Ref to true as a result. To solve this issue we need to implement debouncing in a way that does not rely on component re-rendering.
Still bug
We need to implement "Translate Text" button functionality since it is non-usable mockup. When user enters the text and presses the button a translated text should be displayed in the "Translation" area.
Additional Information:
1.Based on @bigheha previous research about debouncing and memoization we should provide that functionality with good performance, so there will be no request on every symbol which user enters since it hurts performance.
2. For the current moment, source language will be English and target language will be German. Switching languages will be implemented later
3. You could use systran API with your own key instead of backend since input and output is the same, so feel free to use what you like
Main problem is that <textarea> and are not working properly.
Now stlyes are organized in one Sidebar.scss. We need to split them into separate module files.
Copy button should move source text and translation into buffer, also TTS functionality should be implemented so that user is capable of hearing how the words are pronounced.
Sidebar and translator page are not mobile responsive yet.
When source text is deleted translation still persists
We have problem with input field optimization that whenever any symbol is entered, there will be call to backend. This can cause server blackout.
There is significant problem that a lot of html is stored in single file. We need to split it into separate components where possible.
There is no docker image on dockerhub neither docker-compose file, so other developers have to set up environment manually
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.