Web resource for testing students` knowledge

Abstract

The article presents the development of a web resource for testing students' knowledge, which consists of client and server parts. The server logic is built on Next.js API routes, using Sequelize, JWT, bcryptjs, and middleware to protect routes. The client part is built on React 19 using Formik, Yup, Tailwind CSS, React Context API, and modal windows that improve UX and interaction security. PostgreSQL is used to work with the database, and the use of ORM Sequelize ensures convenient interaction with the database. UML class diagrams were developed for the server and client parts of the web resource to better understand the internal logic of the development. The web resource is fully responsive and accessible through any modern browser that supports JavaScript. The developed web resource for testing students' knowledge has successfully passed testing and has extended functionality with four features: support for dynamic test generation, flexible selection of options of equal complexity, an intuitive user interface, and protected access from unauthorized access to answers. The developed software product meets the requirements of modern WEB resource development.

У статті представлено розробку WEB-ресурсу для тестування знань студентів, який складається з клієнтської та серверної частин. Серверна логіка побудована на основі API-роутів Next.js з використанням Sequelize, JWT, bcryptjs та middleware для захисту маршрутів. Клієнтська частина побудована на React 19 із застосуванням Formik, Yup, Tailwind CSS, React Context API та модальних вікон, що покращують UX та безпеку взаємодії. Для роботи з базою даних використовується PostgreSQL, а використання ORM Sequelize забезпечує зручну взаємодію із базою. Розроблено UML-діаграми класів для серверної та клієнтської частини WEB-ресурсу з метою кращого розуміння внутрішньої логіки розробки. WEB-ресурс є повністю адаптивним та доступним через будь-який сучасний браузер, що підтримує JavaScript. Розроблений WEB-ресурс для тестування знань студентів успішно пройшов тестування і має розширений функціонал на 4 можливості: підтримка динамічного формування тестів, гнучкий вибір формування однакової складності варіантів, інтуїтивний інтерфейс користувача та захищений доступ від несанкціонованого доступу до відповідей. Розроблений програмний продукт відповідає вимогам сучасної розробки WEB-ресурсів.