Skip to content

ProgrammingDevelopment/designweb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Aplikasi Web Organisasi Mahasiswa

Aplikasi Web Organisasi Mahasiswa dirancang untuk membantu organisasi mahasiswa berkomunikasi secara efektif dengan anggotanya dan komunitas kampus. Aplikasi ini mencakup beberapa fitur utama seperti manajemen acara, halaman tentang, formulir kontak, dan lain-lain.

Daftar Isi

Ringkasan

Aplikasi Web Organisasi Mahasiswa dirancang untuk membantu organisasi mahasiswa berkomunikasi secara efektif dengan anggotanya dan komunitas kampus. Aplikasi ini menyediakan berbagai fitur utama seperti manajemen acara, halaman tentang, formulir kontak, dan fitur lainnya yang mendukung interaksi antara organisasi dan komunitasnya.

Fitur

  • Halaman Utama: Menyediakan gambaran umum tentang organisasi, termasuk pesan sambutan dan sorotan acara yang akan datang.
  • Halaman Tentang: Berisi informasi tentang misi, visi, dan sejarah organisasi.
  • Halaman Acara: Daftar acara mendatang dengan detail dan opsi pendaftaran.
  • Halaman Kontak: Formulir yang memungkinkan pengunjung untuk menghubungi organisasi secara langsung melalui email.
  • Desain Responsif: Aplikasi ini sepenuhnya responsif dan dapat berfungsi di perangkat desktop maupun mobile.

Teknologi yang Digunakan

  • React.js: Library JavaScript untuk membangun antarmuka pengguna.
  • React Router: Digunakan untuk mengelola navigasi di dalam aplikasi.
  • EmailJS: Layanan yang digunakan untuk mengirim email langsung dari frontend.
  • CSS3: Digunakan untuk styling komponen dan tata letak aplikasi.

Instalasi

Ikuti langkah-langkah berikut untuk menjalankan proyek ini di komputer lokal Anda:

  1. Clone repository:
 git clone https://github.com/ProgrammingDevelopment/designweb.git
  1. Masuk ke direktori proyek:

    cd design-web
  2. Instal dependensi:

    npm install
  3. Jalankan aplikasi:

    npm run dev

Penggunaan

Setelah aplikasi berjalan, Anda dapat mengaksesnya melalui browser web di http://localhost:3000. Gunakan aplikasi ini untuk menampilkan informasi tentang organisasi, mengelola acara, dan menjalin komunikasi dengan pengunjung karena kami menggunakan uji coba menggunakan google idx project

Berkontribusi

Kontribusi sangat dihargai! Jika Anda memiliki ide untuk perbaikan atau fitur baru, jangan ragu untuk mengajukan pull request.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file LICENSE untuk informasi lebih lanjut.

About

Build Design web organization student using Vue Js + vite Js implementing with IDX Project From Google

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •