Frontend webové aplikace na učení se angličtiny

Abstract

Hlavním cílem této práce bylo vytvořit plně funkční frontend webové aplikace na učení se angličtiny. Práce zahrnuje kompletní proces vývoje softwaru včetně analýzy, návrhu, implementace, testování a následného nasazení aplikace do produkčího prostředí. Jako součást práce byl vytvořen mock REST API, který aplikace využívá ve vývojovém prostředí. V produkčním prostředí pak aplikace využívá reálné REST API. Nejprve byla provedena analýza se zaměřením na existující aplikace. Následně byl v programu Figma vytvořen návrh uživatelského rozhraní. V rámci implementace pak byly využity technologie React, Next.js a TypeScript. Ve fázi testování bylo provedeno zejména uživatelské testování použitelnosti, které odhalilo několik příležitostí pro zlepšení aplikace. Celkově je výsledkem práce nasazený a funkční frontend aplikace. Uživatelé se tak mohou díky lekcím a cvičením v aplikaci zdokonalovat ve většině aspechtech anglického jazyka včetně gramatiky, slovní zásoby, výslovnosti, poslechu a čtení.

The main goal of this thesis was to create a fully functional frontend of a web application for learning English. The thesis includes the complete software development process, including analysis, design, implementation, testing and subsequent deployment of the application into a production environment. As part of the work, a mock REST API was created, which the application uses in the development environment. In the production environment, the application utilizes a real REST API. Firstly, an analysis was conducted focusing on existing applications. Subsequently, a user interface design was created in the program Figma. During the implementation phase, React, Next.js, and TypeScript technologies were utilized. In the testing phase, usability testing was mainly performed, which revealed several opportunities for improving the application. Overall, the result of the work is a deployed and functional frontend of the application. Through the lessons and exercises in the application, users can improve in most aspects of the English language, including grammar, vocabulary, pronunciation, listening, and reading.