Reflections on Building DartDraw: A React + Redux Vector-Based Graphics Editor

In this paper, I discuss some of the design challenges I encountered while contributing to DartDraw, a React-Redux drawing application modeled after MacDraw. The features I worked on include: zoom, pan, grid, ruler, and arrowheads

Програмна платформа для організації конференцій з використанням веб-технологій

Метою дипломної роботи є розробка програмної платформи для організації наукових конференцій з використанням веб-технологій, основними складовими якої є збір даних про потенційних учасників, робота з архівом, взаємодія та обмін даними між учасниками та організатором конференції. Платформа написана за допомогою редактора вихідного коду Visual Studio Code. Для розробки веб-додатку використано технології: Javascript, React, Redux, PostgreSQL, Node.js, Express.js, HTML, CSS, JWT.The purpose of the thesis is to develop a software platform for organizing scientific conferences using web technologies, the main components of which are data collection on potential participants, work with the archive, interaction and data exchange between participants and the conference organizer. The platform was developed using the Visual Studio Code source editor. The following technologies were used to develop the web application: Javascript, React, Redux, PostgreSQL, Node.js, Express.js, HTML, CSS, JWT.Целью работы является разработка программной платформы для организации научных конференций с использованием веб-технологий, основными составляющими которЫХ является сбор данных о потенциальных участников, работа с архивом, взаимодействие и обмен данными между участниками и организатором конференции. Платформа написана с помощью редактора исходного кода Visual Studio Code. Для разработки веб-приложения использованы технологии: Javascript, React, Redux, PostgreSQL, Node.js, Express.js, HTML, CSS, JWT

Development of Web Application for Testing Candidate's Knowledge

Diplomová práce se zabývá analýzou, návrhem a tvorbou modulu do informačního systému společnosti XYZ s. r. o. Na základě požadavků získaných od společnosti je navrhnuta architektura modulu, identifikovány objekty aplikace, a nakonec samotný vývoj modulu včetně ekonomického zhodnocení. Modul je vyvíjen v nové verzi JavaScript a využívá moderní technologie React, Redux, REST, Node.js a MongoDB.Master thesis is focused on analysis, design and development of information system module for the company XYZ s. r. o. The design of the module’s architecture, application objects identification and the development of the module including the economic evaluation are all based on the requirements acquired from the company. Modul is developed in new JavaScript version and uses modern technologies such as React, Redux, REST, Node.js and MongoDB.

Web portal of the belarusian encyclopedia

В статье рассматривается информационная система, разработанная с помощью следующих технологий: React, Redux, Node.js, HTML, CSS, SQL. Данный веб-портал предназначен для распространения материалов Белорусской энциклопедии, а также иных материалов среди граждан Республики Беларусь и иных лиц

Вебзастосунок для проведення онлайн-занять

В бакалаврському дипломному проєкті розроблено вебзастосунок для проведення онлайн занять. Запропонований вебзастосунок може бути використаний для фактичного зв’язку користувачів в форматі відео-зв’язку, з використанням обміну звуків та текстового поля. Продукт був створений з використанням React, Redux-sagа, TypeScript у фронт-енді та Nestjs, MongoDB у бек-енді, який до того ж створений на основі мікросервісів та Doker-контейнерів. Крім цього, пристосована технологія WebSocket і RTC Peer Connection зі збереженням фото додатків у сервісі Сloudinary.The bachelor's degree project has developed a web application for online classes. The proposed web application can be used to actually communicate with users in video format, using audio sharing and a text box. The product was created using React, Redux-saga, TypeScript in front-end and Nestjs, Mongodb in back- end, which is also created on the basis of microservices and Doker-containers. In addition, custom technology WebSocket and RTC Peer Connection with saving photo applications in the service Cloudinary

Study of authentication mechanisms in distributed applications

In this project I have carried out a study on token-based authentication and I have developed a system based on micro services that consists of three servers. Users are authenticated using the JSON WEB SIGNED standard. This standard uses a JSON format that has three blocks: a header, a payload and a signature. Create two JSONs in the first two parts, and encode them in Base64 separated by a point. Then it uses all this string of characters to create a digital signature, using public / private key encryption to create the signature, which also encodes it in Base64. A token is an encoded string, following this pattern: headerOnBase64.payloadOnBase64.signatureOnBase64 The result is a string like this: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c The front-end is developed with React-Redux and written in TypeScript. Trying to be the maximum of fidelity to functional programming.En este proyecto he realizado un estudio sobre la autenticación basada en tokens y he desarrollado un sistema basado en microservicios que consta de tres servidores. Los usuarios se autentican utilizando el estándar JWS JSON WEB SIGNED. Este estándar utiliza un formato de JSON que consta de tres blocs: un header, un payload y un signature. Crea dos JSON en las dos primeras partes, y las codifica en Base64 separadas por un punto. Después utiliza toda esta cadena de caracteres para crear una firma digital, utilizando encriptación de clave pública / privada para crear la signature, que también la codifica en Base64. Un token es una cadena codificada, siguiendo este patrón: headerOnBase64.payloadOnBase64.signatureOnBase64 El resultado es una cadena como esta: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c El front-end está desarrollado con React-Redux y escrito en TypeScript. He intentado ser fiel a la programación funcional.En aquest projecte he realitzat un estudi sobre l?autenticació basada en tokens i he desenvolupat un sistema basat en microserveis que consta de tres servidors. Els usuaris s?autentifiquen utilitzant l?estàndard JWS JSON WEB SIGNED. Aquest estàndard utilitza un format de JSON que consta de tres blocs: header, payload i signature. Crea dos JSON de les dues primeres parts, i les codifica en Base64 separades per un punt. Després utilitza tota aquesta cadena per crear una firma digital, utilitzant encriptació de clau pública / privada que serà la signature, i també és codificada en Base64. Un token és una cadena codificada, seguint aquest patró: headerOnBase64.payloadOnBase64.signatureOnBase64 El resultat és una cadena com aquesta: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c La part del front-end està feta amb React-Redux i escrita amb TypeScript. He intentat ser el màxim de fidel a la programació funcional

UC-14 TeleClinic

TeleClinic is a telemedicine web application that provides ease of access and a medium for interaction between patients and their respective doctors and administrators. In particular, this web portal includes a chat feature, an area for medical reports, an area for appointment requests, and an area for video recordings. Additionally, TeleClinic meets the requirements prescribed by the Health Insurance Portability and Accountability Act (H.I.P.A.A.) via upholding data privacy and safeguarding medical information. To maximize its overall utility, TeleClinic utilizes the React and React Redux libraries for its front-end and a NoSQL database in Google Firebase for its back-end.Advisors(s): Dr. Ken HogansonTopic(s): IoT/Cloud/NetworkingCS 485

Firefly: Embracing Future Web Technologies

At IPAC/Caltech, we have developed the Firefly web archive and visualization system. Used in production for the last eight years in many missions, Firefly gives the scientist significant capabilities to study data. Firefly provided the first completely web based FITS viewer as well as a growing set of tabular and plotting visualizers. Further, it will be used for the science user interface of the LSST telescope which goes online in 2021. Firefly must meet the needs of archive access and visualization for the 2021 LSST telescope and must serve astronomers beyond the year 2030. Recently, our team has faced the fact that the technology behind Firefly software was becoming obsolete. We were searching for ways to utilize the current breakthroughs in maintaining stability, testability, speed, and reliability of large web applications, which Firefly exemplifies. In the last year, we have ported the Firefly to cutting edge web technologies. Embarking on this massive overhaul is no small feat to say the least. Choosing the technologies that will maintain a forward trajectory in a future development project is always hard and often overwhelming. When a team must port 150,000 lines of code for a production-level product there is little room to make poor choices. This paper will give an overview of the most modern web technologies and lessons learned in our conversion from GWT based system to React/Redux based system

Generic Configuration Interface for Virtual Machines

Cieľom tejto práce je dokumentácia procesu vývoja dialógov, slúžiacich na konfiguráciu entít oVirt-u. Práca sa sústreďuje na dialóg konfigurujúci virtuálne stroje, keďže disponujú veľkým počtom závislostí, ktoré sa vzájomne ovplyvňujú. Práca taktiež popisuje komunikáciu so systémom oVirt prebiehajúcu prostredníctom REST API a experimentálne aj ManageIQ REST API. Dialógy sú tvorené pomocou moderných Javascriptových nástrojov React, Redux a Redux-Saga, ktoré zabezpečujú správnosť ich obsahu a správu ich stavov v každej možnej situácii. Vývojová časť tejto práce by mala zlepšiť úroveň kódu, prácu pouzívateľa a zrýchliť vykonavánie základných úloh.The aim of this work is to document the development process of configuration dialogs for oVirt entities. Main focus is placed on virtual machine dialog as it has plenty of dependencies related to each other. The work also describes communication with oVirt engine through REST API and experimentally ManageIQ REST API. Dialogs are created using modern Javascript frameworks React, Redux and Redux-Saga to secure proper content and state management in every possible situation. The development work done by this thesis should improve the code base, user-experience and speed up execution of basic tasks.

INTEGRATING ARCGIS AND REDUX USING MIDDLEWARE

The integration of ArcGIS with Redux through middleware presents a novel approach to managing state in geospatial applications. This report outlines the process and benefits of combining ArcGIS’s robust mapping and analytics capabilities with Redux’s predictable state container for JavaScript apps. It begins with an introduction to both technologies, followed by a detailed discussion on the architecture design, focusing on the role of middleware as the linchpin in this integration[1]. The paper highlights the benefits, such as improved state management and application performance, and addresses the challenges encountered during the integration process. Implementation details are provided, including the setup of the Redux store and the specific middleware used for ArcGIS integration. The paper concludes with a look at potential future enhancements, emphasizing the scalability and maintainability of this integration method. This Report serves as a guide for developers seeking to enhance their geospatial applications with advanced state management techniques