Microsoft LSA AIMT



Duta Mahasiswa Microsoft Learn - AIMT

Klub AIMT Duta Pelajar Microsoft Learn adalah inisiatif yang dipimpin oleh pelajar dan dikoordinasikan oleh komunitas di bawah kepemimpinan Ashish Ujjwal , Pemimpin Klub. Klub ini adalah komunitas yang inovatif dan menarik di mana siswa dapat berpartisipasi dalam berbagai kegiatan teknis dan menyenangkan, termasuk:

• Menyelenggarakan Acara
• Menyelenggarakan Kegiatan Menyenangkan
• Menjalankan Tantangan Teknis

Tujuan dari proyek ini adalah untuk membuat aplikasi web berfitur lengkap yang mendukung koordinasi kegiatan klub melalui panel acara, panel admin, panel blog, dan banyak lagi.

---

Fitur Proyek

1. Panel Acara

Mengatur, mengelola, dan berpartisipasi dalam acara dengan mudah. Pengguna dapat menelusuri, mendaftar, dan mendapatkan rincian tentang acara klub mendatang.

2. Panel Blog

Panel blog berkemampuan CRUD sepenuhnya tempat pengguna dan admin dapat membuat, membaca, memperbarui, dan menghapus blog.

3. Panel Admin

Kelola semua pengguna, acara, dan blog dari Panel Admin terpusat. Admin memiliki kendali penuh atas platform, termasuk mengirimkan buletin dan memoderasi aktivitas pengguna.

4. ? Integrasi Nodemailer

Notifikasi email yang lancar melalui Nodemailer . Pengguna mendapat pemberitahuan tentang pendaftaran acara, pembaruan blog, dan aktivitas lainnya melalui email.

5. ? Otentikasi & Otorisasi JWT

Otentikasi pengguna yang aman dan andal menggunakan JSON Web Tokens (JWT) . Peran dan izin dikelola untuk pengguna, admin, dan manajer acara.

6. ? Socket.io Komunikasi Waktu Nyata

Komunikasi real-time dengan Socket.io memungkinkan interaksi yang dinamis dan menarik antar pengguna selama siaran langsung dan obrolan.

---

Situs Web yang Dikerahkan di Azure

Seluruh platform disebarkan dan dihosting di Azure, memastikan kinerja yang cepat dan terukur.

---

? Video Proyek

Lihat demonstrasi proyek dan video panduannya:

---

? Teknologi yang Digunakan

Proyek ini dibangun di atas MERN Stack dengan fitur tambahan untuk layanan email dan interaksi real-time.

• Frontend: React.js (dengan Chakra UI untuk desain yang cantik dan responsif)
• Bagian Belakang: Node.js, Express.js
• Basis data: MongoDB (sepenuhnya berkemampuan CRUD)
• Otentikasi: JWT (Token Web JSON)
• Layanan Email: Nodemailer
• Komunikasi Waktu Nyata: Socket.io
• Hosting & Penerapan: Aplikasi Web Statis Azure, Layanan Aplikasi Azure

---

? Struktur Basis Data (MongoDB)

1. Koleksi Pengguna :
   Menyimpan informasi pengguna, termasuk peran (admin, pengguna), token autentikasi, dan data profil.

2. Koleksi Acara :
   Menyimpan semua data terkait acara termasuk detail acara, pengguna terdaftar, dan penyelenggara acara.

3. Koleksi Blog :
   Kumpulan semua blog yang dibuat pengguna, beserta stempel waktu, kategori, dan detail kepenulisan.

---

? Otentikasi & Otorisasi

 This project uses JWT for user authentication and role-based authorization. The following user roles are supported:

1. Admin:
Full access to all resources including events, users, and blogs.

2. Event Manager:
Limited access to manage events and moderate related user activities.

3. User:
Can register for events, read blogs, and contribute by writing blog posts.

---

? Pengaturan Nodemailer

Untuk mengatur notifikasi email, layanan Nodemailer terintegrasi. Anda dapat mengkonfigurasi email pengirim di file .env seperti yang ditunjukkan di bagian Pengaturan Lokal.

---

Dasbor Admin

Panel Admin memungkinkan Anda untuk:

• Lihat dan kelola semua pengguna
• Memoderasi acara dan blog
• Kirim buletin ke komunitas
• Lacak log aktivitas pengguna

---

? Interaksi Waktu Nyata dengan Socket.io

Proyek ini menyertakan fitur obrolan waktu nyata menggunakan Socket.io. Pengguna dapat berinteraksi selama acara, mengirim komentar langsung, dan berpartisipasi dalam diskusi waktu nyata.

---

? Peningkatan di Masa Depan

Di versi mendatang, kami bertujuan untuk menambahkan lebih banyak fitur seperti:

• Notifikasi Pengguna: Notifikasi push untuk pembaruan acara, postingan blog, dan pengumuman lainnya.
• Analisis Peristiwa: Laporan terperinci tentang partisipasi acara dan keterlibatan pengguna.
• Kontrol Admin Tingkat Lanjut: Fitur moderasi yang ditingkatkan dan laporan otomatis.

---

Pengaturan Lokal

Untuk menjalankan proyek secara lokal, ikuti langkah-langkah berikut:

1. Kloning Repositori

   git clone https://github.com/AshishUjjwal/Microsoft-LSA-AIMT.git
   
   

2. Arahkan ke Direktori Proyek

    cd Microsoft-LSA-AIMT
   

3. Instal Dependensi

   npm install
   cd client
   npm install
   

4. Siapkan Variabel Lingkungan

   Buat file .env di direktori root dan tambahkan variabel berikut:

   MONGO_URI=your_mongodb_connection_string
   JWT_SECRET=your_jwt_secret_key
   [email protected]
   EMAIL_PASS=your_email_password
   

5. Jalankan Aplikasi Untuk menjalankan server dan klien:

   npm run dev
   

6. Akses Aplikasi Buka browser Anda dan buka http://localhost:3000.

---

? Prestasi

Proyek ini telah menjadi bagian penting dari program Microsoft Learn Student Ambassadors. Ini dirancang untuk mendorong pembangunan komunitas dan kolaborasi di antara pelajar dan profesional.

---

?‍ Pemelihara Proyek:

Ashish Ujjwal - Pemimpin Klub & Pemelihara Proyek

Jangan ragu untuk menghubungi:

• GitHub: https://github.com/AshishUjjwal
• LinkedIn : https://www.linkedin.com/in/ashish-ujjwal-a9bb03228/

---

?? Berkontribusi

Kami menyambut kontribusi dari komunitas! Jika Anda ingin berkontribusi:

1. Cabangkan repositori.
2. Buat cabang baru (git checkout -b feature/nama-fitur-Anda).
3. Komit perubahan Anda (git commit -m 'Tambahkan fitur baru').
4. Dorong ke cabang (fitur asal git push/nama-fitur Anda).
5. Buka Permintaan Tarik.

Untuk lebih jelasnya, silakan baca Pedoman Berkontribusi.

---

?? Lisensi

 This project is licensed under the MIT License - see the LICENSE file for details.