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 Manajemen RT Berbasis PHP & MySQL

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

1 week ago

Script Aplikasi Booking System + AI (PHP & MySQL)

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

3 weeks ago

compress gambar sebelum diupload dengan javascript

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

3 months ago

Format angka dengan javascript

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

4 months ago

CPU 100% ternyata dipakai miner orang

Bismilaahirrohmaanirrohiim... jika server anda dipakai orang untuk mining, maka cpu usage akan habis dipakai dia,…

4 months ago

Cara Mematikan Mode SSL Virtualmin Webmin

Bismillaahirrohmaanirrohiim... masalah muncul saat akses https://ipaddress:10000 muncul seperti ini Error – Document follows This web…

6 months ago