РОЗРОБКА ІНФОРМАЦІЙНО-ТЕСТУВАЛЬНОГО ВЕБ-ДОДАТКУ ДЛЯ НАВЧАЛЬНОГО ЗАКЛАДУ
##plugins.themes.bootstrap3.article.sidebar##
##plugins.themes.bootstrap3.article.main##
Анотація
У статті розглядається процес проєктування, розробки та розгортання сучасного вебзастосунку для навчальної платформи. Детально аналізується архітектура системи,
включаючи бази даних PostgreSQL, використання ORM Prisma, а також побудова серверної
частини на основі Node.js, TypeScript та фреймворку NestJS. Описано принципи організації
REST API, механізми аутентифікації та авторизації користувачів із використанням JWT, а
також підходи до безпечного зберігання даних і управління доступом.
У роботі також висвітлено розробку клієнтської частини застосунку із використанням
React, Vite, Redux та бібліотеки MUI, що дозволило створити інтерактивний і
масштабований інтерфейс користувача. Окрему увагу приділено процесу проєктування
інтерфейсу у Figma та практичній реалізації системи розгортання за допомогою Docker,
MinIO для зберігання файлів і MailHog для тестування електронної пошти. Результатом
роботи є комплексне програмне рішення, яке поєднує сучасні технології веб-розробки та
забезпечує стабільність, безпеку й зручність використання
##plugins.themes.bootstrap3.article.details##
Ця робота ліцензується відповідно до Creative Commons Attribution 4.0 International License.
Посилання
Google Classroom [Electronic resource]: Wikipedia. – Access mode:
https://uk.wikipedia.org/wiki/Google_Classroom
“Unified School” [Electronic resource]: Unified School. – Access mode: https://eschool-ua.com/#/home
OptimaSchool [Electronic resource]: OptimaSchool. – Access mode: https://optima.school/vstup/oplata
Greenfield J., Short K., Cook S., Kent S., Crupi J. Software Factories: Assembling Applications with
Patterns, Models, Frameworks, and Tools. — Indianapolis: Wiley Publishing, 2004. – 592 p.
60 years of databases / V.A. Reznichenko // Problems in Programming. – 2021. – No. 3. – P. 40–71. –
Bibliography: 211 titles. – Ukrainian.
Database design [Electronic resource]: pidru4niki. – Access mode:
https://pidru4niki.com/11570718/bankivska_sprava/proektuvannya_baz_danih#616
PostgreSQL [Electronic resource]: PostgreSQL. – Access mode: https://www.postgresql.org
pgAdmin [Electronic resource]: pgAdmin. – Access mode: https://www.pgadmin.org
Prisma [Electronic resource]: Prisma documentation. – Access mode: https://www.prisma.io/docs
Node.js in Action: Example-Driven Tutorial / Mike Cantelon et al. – 2nd ed. – Manning, 2017. – 36 p.
Why does TypeScript exist [Electronic resource]: typescriptlang.org. – Access mode:
https://www.typescriptlang.org/why-create-typescript
About NestJS development [Electronic resource]: foxminded.ua. – Access mode: https://foxminded.ua/nestjs
Swagger vs Postman | Top 10 Differences You Should Know [Electronic resource]: testsigma.com. –
Access mode: https://testsigma.com/blog/swagger-vs-postman
JSON Web Token (JWT) [Electronic resource]: datatracker.ietf.org. – Access mode:
https://datatracker.ietf.org/doc/html/rfc7519
About tokens, JSON Web Tokens (JWT), authentication and authorization. Token-Based Authentication
[Electronic resource]: gist.github.com. – Access mode:
https://gist.github.com/zmts/802dc9c3510d79fd40f9dc38a12bccfc
What is a JWT? Understanding JSON Web Tokens [Electronic resource]: supertokens.com. – Access mode:
https://supertokens.com/blog/what-is-jwt
Node JS Send an Email [Electronic resource]: w3schools.com. – Access mode:
https://www.w3schools.com/nodejs/nodejs_email.asp
Figma [Electronic resource]: Wikipedia. – Access mode: https://uk.wikipedia.org/wiki/Figma
Why Vite [Electronic resource]: vitejs.dev. – Access mode: https://vitejs.dev/guide/why.html
A beginner’s guide to create SPA with React JS [Electronic resource]: dev.to. – Access mode:
https://dev.to/hiteshtech/a-beginners-guide-to-create-spa-with-react-js-491c
Material UI – Overview [Electronic resource]: mui.com. – Access mode: https://mui.com/materialui/getting-started
Getting Started with Redux [Electronic resource]: redux.js.org. – Access mode:
https://redux.js.org/introduction/getting-started
What is Docker? [Electronic resource]: aws.amazon.com. – Access mode:
https://aws.amazon.com/docker/?nc1=h_ls
Introduction to MinIO [Electronic resource]: baeldung.com. – Access mode:
https://www.baeldung.com/minio
MailHog Tutorial [Electronic resource]: mailtrap.io. – Access mode: https://mailtrap.io/blog/mailhogexplained