Fast and Beautiful Web Development Using React and Tailwind Css
DOI:
https://doi.org/10.31537/dedication.v10i1.3044Keywords:
Portfolio Website, React, Tailwind CSS, Web DevelopmentAbstract
The development of modern web technologies requires developers to build user interfaces that are interactive, responsive, and visually appealing in an efficient manner. However, beginner developers often encounter difficulties in managing code structure and interface design effectively. This webinar and workshop aimed to enhance participants’ understanding and skills in developing modern portfolio websites using React and Tailwind CSS. The activities were conducted online through webinar sessions and hands-on workshops (live coding), involving 26 participants. Evaluation was carried out using pre-tests and post-tests to measure learning improvement. The results indicated an increase in the average correct response rate from 77% in the pre-test to 91.6% in the post-test, representing a 14.6% improvement. In addition, participant feedback showed a high level of satisfaction, with 54.2% reporting being very satisfied and 33.3% satisfied. The output of this activity was a responsive portfolio website serving as the participants’ digital identity.
References
Alviano, M., Trimarsiah, Y., & Suryanto. 2023. Perancangan aplikasi penjualan berbasis web pada perusahaan dagang Dendis Production menggunakan PHP dan MySQL. Jurnal Informatika dan Komputer (JIK), 14(1), 37–45.
Arthalita, I., & Prasetyo, R. 2020. Penggunaan website sebagai sarana evaluasi kegiatan akademik siswa di SMA Negeri 1 Punggur Lampung Tengah. JIKI (Jurnal Ilmu Komputer & Informatika), 1(2), 93–108. https://doi.org/10.24127/jiki.v1i2.678
Azhariyah, S., & Mukhlis, M. 2024. Framework CSS: Tailwind CSS untuk front-end website store PT. XYZ. Jurnal Informatika, 3(1), 30–36. https://doi.org/10.57094/ji.v3i1.1601
Budianto, A., Kusuma, A. P., & Romadhona, R. P. 2025. Implementasi React.js pada aplikasi pengadministrasian penerimaan dan pelaporan retribusi (E-Paper). Jumistik, 4(2), 653–663. https://doi.org/10.70247/jumistik.v4i2.226
Gunawan, M. E., & Firdaus, U. 2024. Optimalisasi penggunaan HTML, CSS, dan JavaScript dalam implementasi desain UI/UX pada situs web profil perusahaan. Karimah Tauhid, 3(11), 12226–12264. https://doi.org/10.30997/karimahtauhid.v3i11.15404
Kansha, W. M. 2023. Analisis perbandingan struktur dan performa framework CodeIgniter dan Laravel dalam pengembangan web application, 9(1), 25–31.
Murti, S. K., & Sujarwo, A. 2021. Membangun antarmuka pengguna menggunakan ReactJS untuk modul manajemen pengguna.
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
Rahmawati, L., & Sumarsono. 2024. Desain pengembangan website dengan arsitektur model view controller pada framework Laravel. Jurnal Teknologi dan Sistem Informasi Bisnis, 6(4), 785–790.
Yudhistira, A. 2023. Perancangan dan implementasi sistem informasi perpustakaan berbasis web, 7(1), 14–20.
