Membangun Aplikasi Manajemen Mahasiswa Menggunakan React Vite dan Laravel

Authors

  • Athif Nur Abdillah Universitas Muhammadiyah Jakarta
  • Naufal Fakhriza Universitas Muhammadiyah Jakarta
  • Muhammad Zaid Parhan Adritara Universitas Muhammadiyah Jakarta
  • Adji Setyawan Saputra Universitas Muhammadiyah Jakarta
  • Nurfaiq Faizzaki Universitas Muhammadiyah Jakarta
  • Nurvelly Rosanti Universitas Muhammadiyah Jakarta
  • Sitti Nurbaya Ambo Universitas Muhammadiyah Jakarta
  • Rita Dewi Risanty Universitas Muhammadiyah Jakarta
  • Hendra Universitas Muhammadiyah Jakarta

DOI:

https://doi.org/10.31537/dedication.v10i1.3054

Keywords:

Web Application, Fullstack, Laravel, React Vite, Webinar

Abstract

Mastering modern full-stack technology is crucial, yet students often struggle to integrate frontend and backend systems using React Vite and Laravel. This community service program aims to bridge this gap through intensive training titled "Building Student Management Application Using React Vite and Laravel". Held online on January 6, 2026, the activity combined webinars and practical workshops attended by 38 participants. The program's effectiveness was evidenced by evaluation results showing an increase in participant competence, with average scores rising from 82.5 (pre-test) to 88.67 (post-test). Furthermore, feedback indicated a participant satisfaction rate of 96.8%. The final output was the participants' success in independently building a functional student management application.

References

Axios. 2024. Axios: Promise based HTTP client for the browser and Node.js. Retrieved from Axios Documentation: https://axios-http.com/docs/intro

Laravel. 2024. Laravel 11 Documentation: Installation, Routing, and Controllers. Retrieved from Laravel Documentation: https://laravel.com/docs/11.x

Laravel. 2024. Laravel Sanctum: API Authentication. Retrieved from Laravel Documentation: https://laravel.com/docs/11.x/sanctum

MDN Web Docs. 2025. Using Fetch and HTTP Requests. Retrieved from Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Meta Open Source. 2023. React: The library for web and native user interfaces. Retrieved from React Documentation: https://react.dev/

React Router. 2024. React Router v6: Declarative Routing for React.js. Retrieved from React Router Documentation: https://reactrouter.com/en/main

Stauffer, M. 2023. Laravel: Up & Running: A Framework for Building Modern PHP Apps. Sebastopol, CA: O’Reilly Media.

Vite. 2024. Vite: Next Generation Frontend Tooling. Retrieved from Vite Documentation: https://vitejs.dev/guide/

W3Schools. 2024. React Tutorial and ES6 Modules. Retrieved from W3Schools: https://www.w3schools.com/react/

Wieruch, R. 2021. The Road to React: Your Journey to Master Plain Yet Pragmatic React in JavaScript. Berlin, Germany: Leanpub.

Downloads

Published

2026-03-20

Issue

Section

Articles