Categories: ReactJSTemplate

Source code Template website sekolah dengan react js

Bismillaahirrohmaanirrohiim…

Berikut ini source code yang dapat dimodifikasi untuk membuat front end website sekolah dengan react js. Cocok untuk pengembang, maupun tugas.

Dibuat dengan react js, vite, dan tailwind css.

Full source code, bisa dimodifikasi dan digunakan tanpa batas.

Fitur:

  • Top nav (kontak email, phone, link medsos)
  • Header (nama sekolah, logo, dan tagline)
  • Scrolling Top Menu, responsive jika dihp tinggal geser.
  • Top Menu sudah menggunakan API, sehingga bisa diedit2 api nya saja (script included).
  • Hero Section
  • Sambutan Kepala Sekolah
  • Daftar Guru (Scrolling horizontal responsive)
  • Prestasi Terbaru (Scrolling horizontal responsive)
  • Berita Terbaru (Grid List, responsive)
  • Testimoni Alumni (Scrolling horizontal responsive)
  • Footer
  • Halaman Profil

Untuk pengembangan sangat mudah, API sudah ada contohnya (top menu), halaman sudah ada contohnya (profil).

Tinggal bikin back end sesuai kebutuhan Anda.

Cukup copy paste taruh di folder react, buka dengan vs code kemudian jalankan “npm run dev”

jika selesai modifikasi dan ingin upload diserver, tinggal jalankan “npm run build”

Demo bisa dilihat disini: https://bit.ly/demoreact-sekolah

Demikian, semoga bermanfaat.

Bagikan
rasupe

Share
Published by
rasupe

Recent Posts

Aplikasi Bimbel – Les – Private – Training Multifungsi

🚀 Kelola Bimbel / Les / Private Jadi Lebih Mudah & Profesional! Apakah Anda masih…

3 weeks ago

Script PosKasir, miliki sendiri untuk bisnis Anda

🚀 Punya Usaha Tapi Masih Pakai Kasir Manual? Ini Solusi yang Lebih Cerdas! Mengelola bisnis…

3 weeks ago

Aplikasi Manajemen RT Berbasis PHP & MySQL

Solusi Digital untuk Administrasi RT yang Transparan dan Efisien Di era digital seperti sekarang, pengelolaan…

3 months ago

Script Aplikasi Booking System + AI (PHP & MySQL)

Solusi Booking Otomatis untuk Berbagai Jenis Bisnis Sedang mencari script aplikasi booking sistem lengkap dengan…

4 months ago

compress gambar sebelum diupload dengan javascript

Bismillaahirrohmaanirrohiim... Berikut ini cara kompress gambar sebelum diupload menggunakan javascript, tujuannya agar misalkan gambar dari…

6 months ago

Format angka dengan javascript

Bismillaahirrohmaanirrohiim... Berikut ini cara format angka menggunakan javascript, misalkan 1000 menjadi 1.000 atau 1500000 menjadi…

7 months ago