ARCHITECTURAL EVOLUTION AND TECHNOLOGICAL SOLUTIONS OF A FRONTEND APPLICATION «ATOM.OKO»

The article is devoted to the architectural evolution and technological solutions of the frontend application of the Atom.OKO document analysis and classification system. The main stages of the transition from a modular structure to Feature-Sliced Design (FSD), the use of React 18, MobX and TypeScript for building scalable business logic are described. Solutions for visualization of interactive graphs using React Flow, control of positional markup of documents through Paper are considered.js, as well as optimizing the interface and build when switching from Webpack to Vite. Special attention is paid to lazy loading of components, CI/CD organization, containerization with Docker, code quality assurance and testing using Jest, React Testing Library and BackstopJS. The importance of a systematic approach to architecture that ensures scalability, predictability, and maintainability of a frontend application is emphasized.