Implementation of a Mental Health Care Website for Psychological Counseling and Education Based on Spring Boot and Tailwind CSS
DOI:
https://doi.org/10.35870/ijsecs.v6i1.7132Keywords:
Mental Health, Online Counseling, Spring Boot, Tailwind CSS, WebSocket, MongoDB, Artificial Intelligence, MBTIAbstract
The increasing demand for mental health services among young people in Indonesia is not matched by adequate accessibility due to constraints related to time, cost, and social stigma. This study aims to implement a "Mental Health Care" website as an online counseling and psychological education platform by integrating the Spring Boot framework on the backend and Tailwind CSS on the frontend. The development method used is the Waterfall model, which includes the stages of problem identification, system analysis and design, implementation, and testing. The system is designed using a three-layer architecture consisting of a frontend layer based on Vanilla JavaScript and Tailwind CSS, a backend layer based on Spring Boot with Spring Security for authentication and authorization, and a database layer using MongoDB. The main features implemented include real-time online counseling using WebSocket (SockJS & StompJS), an artificial intelligence assistant powered by Gemini AI through Spring AI, MBTI psychological tests, access to psychological educational e-books, a per-session payment system, and authentication via Google OAuth2. Testing is conducted using the Black-box Testing method and interface responsiveness testing to validate system functionality and compatibility across various devices. The results of this study indicate that all 12 functional test scenarios passed with no failures detected, and interface responsiveness testing confirmed full compatibility across Desktop (1920×1080), Tablet (768×1024), and Mobile (375×667) devices. These findings demonstrate that the integration of Spring Boot and Tailwind CSS can produce a functional, secure, responsive, and accessible platform, making it a potential technological solution to improve the accessibility of mental health services and psychological literacy in the digital era.
Downloads
References
Abdurrahman, D. (2025). Cake sales website based on Spring Boot and MySQL for vocational students. Invotec, 21(1), 21–39. https://doi.org/10.17509/invotec.v21i1.82146
Akbar, Z., & Zakiah, E. (2024). Pengembangan program e-konseling berbasis web untuk meningkatkan kualitas bimbingan akademik dan kesehatan mental mahasiswa. Jurnal Pendidikan Indonesia, 5(11), 1590–1598. https://doi.org/10.59141/japendi.v5i11.6287
Andalasari, N., & Safitri, O. (2024). Perbandingan literasi kesehatan mental pada mahasiswa keperawatan dan non-keperawatan. Caring: Jurnal Keperawatan Al-Ikhlas, 1(1), 58–66. https://doi.org/10.70800/jckk.v1i1.125
Azedarach, M. R., & Ariana, A. D. (2022). Hubungan literasi kesehatan mental dengan intensi mencari bantuan pada mahasiswa. Buletin Riset Psikologi dan Kesehatan Mental (BRPKM), 2(1), 640–651. https://e-journal.unair.ac.id/BRPKM/article/view/36578
Azhariyah, S., & Mukhlis, M. (2024). Framework CSS: Tailwind CSS untuk front-end website store PT. XYZ. Jurnal Informatika, 3(1), 12–20. https://doi.org/10.57094/ji.v3i1.1601
Dewi, F. V., Adianta, A., & Parwati, M. (2022). Hubungan antara literasi kesehatan mental depresi dan stigma diri dengan sikap mencari bantuan masalah kesehatan mental pada mahasiswa keperawatan. Jurnal Riset Kesehatan Nasional, 6(2), 125–133. https://doi.org/10.37294/jrkn.v6i2.438
Hafidz, H., Al Huda, F., & Kharisma, A. P. (2024). Pengembangan aplikasi edukasi kesehatan mental berbasis progressive web app. Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 8(3), 112–120.
Hanapi, K., & Harjono, H. S. (2025). Development of a web-based cyber counseling model for guidance and counseling services at SMA Negeri 1 Bayung Lencir. Indonesian Journal of Educational Development (IJED), 5(4), 498–507. https://doi.org/10.59672/ijed.v5i4.4500
Hartono, M. A., & Mailoa, E. (2024). Pembuatan website REST API ensiklopedia tumbuhan dengan kombinasi framework Spring Boot dan MyBatis Generator. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 5(2), 1508–1520. https://doi.org/10.35870/jimik.v5i2.712
Kesuma, K. A. B. W., Wijaya, I. N. Y. A., & Putra, I. G. J. E. (2024). Implementasi Next.js, TypeScript, dan Tailwind CSS untuk pengembangan aplikasi frontend sistem inventory perusahaan APAR (Studi kasus: CV Indoka Surya Jaya). Jikom (Jurnal Informatika dan Komputer), 14(2), 95–108. https://doi.org/10.55794/jikom.v14i2.195
Maharani, P. (2025). Pengembangan website PT. Rantangin Digital Indonesia menggunakan framework Next.js dan Tailwind CSS. Repeater: Publikasi Teknik Informatika dan Jaringan, 3(1), 129–137. https://doi.org/10.62951/repeater.v3i1.355
Nelyahardi, N., Wahyuni, H., Sekonda, F. A., & Fahrianti, F. (2023). Digital based e-counseling application on Instagram, WhatsApp, and website to support services counseling at Universitas Jambi. Jurnal Konseling dan Pendidikan, 11(4), 276–287. https://doi.org/10.29210/1101000
Norsely, F., Arviani, H., & Achmad, Z. A. (2023). Pengalaman interaksi pengguna remaja curhat dengan ChatGPT. Komunikologi: Jurnal Pengembangan Ilmu Komunikasi dan Sosial, 7(2), 120–135. https://doi.org/10.30829/komunikologi.v7i2.16653
Pamungkas, G. D., Parwati, Y., & Putranto, B. D. (2025). Pengembangan aplikasi pendaftaran siswa baru berbasis web dengan React.js dan Tailwind CSS. Jurnal Algoritma, 22(1), 37–48. https://doi.org/10.33364/algoritma/v.22-1.2135
Prasetya, A. D., Sugiyo, S., & Japar, M. (2019). Web-based cyber counseling to improve students' counseling interests. Jurnal Bimbingan Konseling, 8(4), 144–150.
Prayoga, A., Habsy, B. A., & Purwoko, B. (2025). Keberhasilan konseling berbasis digital: Kajian systematic literature review. G-COUNS: Jurnal Bimbingan dan Konseling, 9(2), 1410–1419. https://doi.org/10.31316/g-couns.v9i2.7226
Saba, S. S. (2024). Membangun profesionalisme dalam era teknologi: Transformasi layanan bimbingan konseling online. JBK Jurnal Bimbingan Konseling, 2(1), 17–24.
Santoso, M. F. (2025). Perbandingan efektivitas Bootstrap dan Tailwind CSS dalam pengembangan UI web responsif. Jurnal Teknologi dan Sistem Informasi Bisnis, 7(4), 489–497. https://doi.org/10.47233/jteksis.v7i4.2260
Ulum, M. (2022). Rancang bangun aplikasi konseling online berbasis web (Studi kasus: Merly's Consulting). JUSTIN (Jurnal Sistem dan Teknologi Informasi), 10(4), 530–541. https://jurnal.untan.ac.id/index.php/52216
Yulianto, R., Mardiana, M., Pradipta, R. A., & Nama, G. F. (2024). Performance comparison analysis of Spring Boot and Laravel frameworks using API web service. Jurnal Informatika dan Teknik Elektro Terapan (JITET), 12(2). https://doi.org/10.23960/jitet.v12i2.4141.
Downloads
Published
License
Copyright (c) 2026 Yosua Christian Prasetio, Yeremia Alfa Susetyo
This work is licensed under a Creative Commons Attribution 4.0 International License.
Authors who publish with this journal agree to the following terms:
1. Copyright Retention and Open Access License
Authors retain copyright of their work and grant the journal non-exclusive right of first publication under the Creative Commons Attribution 4.0 International License (CC BY 4.0).
This license allows unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.
2. Rights Granted Under CC BY 4.0
Under this license, readers are free to:
- Share — copy and redistribute the material in any medium or format
- Adapt — remix, transform, and build upon the material for any purpose, including commercial use
- No additional restrictions — the licensor cannot revoke these freedoms as long as license terms are followed
3. Attribution Requirements
All uses must include:
- Proper citation of the original work
- Link to the Creative Commons license
- Indication if changes were made to the original work
- No suggestion that the licensor endorses the user or their use
4. Additional Distribution Rights
Authors may:
- Deposit the published version in institutional repositories
- Share through academic social networks
- Include in books, monographs, or other publications
- Post on personal or institutional websites
Requirement: All additional distributions must maintain the CC BY 4.0 license and proper attribution.
5. Self-Archiving and Pre-Print Sharing
Authors are encouraged to:
- Share pre-prints and post-prints online
- Deposit in subject-specific repositories (e.g., arXiv, bioRxiv)
- Engage in scholarly communication throughout the publication process
6. Open Access Commitment
This journal provides immediate open access to all content, supporting the global exchange of knowledge without financial, legal, or technical barriers.
