Unduh EduMatrix Virtual Classroom - Unduh Kode Sumber EduMatrix Virtual Classroom

EduMatrix Virtual Classroom

Kode sumber lainnya

1.0.0

Unduh

Proyek FullStack

Proyek ini adalah aplikasi web FullStack yang dibangun dengan React (Frontend) dan Node.js (backend). Frontend dikonfigurasi dengan vite dan terletak di folder client , sedangkan server backend berjalan dengan node.js dan dapat dimulai dengan npm run dev .

Tentang proyek

Edumatrix adalah platform ruang kelas virtual yang dirancang untuk memberikan pengalaman belajar yang mulus dan interaktif. Dibangun dengan tumpukan utama, ini mengintegrasikan fitur komunikasi real-time menggunakan Socket.io dan WebRTC untuk mengaktifkan kelas langsung, konferensi video, dan alat kolaboratif seperti papan tulis bersama dan obrolan.

Sasaran

Tingkatkan Pendidikan Online : Menyediakan platform yang menjembatani kesenjangan antara ruang kelas tradisional dan pembelajaran virtual, memastikan pengalaman yang kaya dan interaktif bagi siswa dan pendidik.
Aksesibilitas : Membuat pendidikan dapat diakses oleh pengguna di seluruh dunia dengan menawarkan platform yang andal dan ramah pengguna.
Interaksi real-time : memfasilitasi komunikasi dan kolaborasi yang efektif antara guru dan siswa melalui konferensi video, obrolan, dan alat interaktif.
Skalabilitas : Bangun sistem yang dapat skala untuk mendukung sejumlah besar pengguna bersamaan tanpa mengurangi kinerja.
Kustomisasi : Izinkan lembaga dan pendidik untuk menyesuaikan platform dengan kebutuhan spesifik mereka.

Daftar isi

Fitur
Struktur proyek
Petunjuk Pengaturan
Berkontribusi

Fitur

Frontend : Dibangun dengan bereaksi, dikonfigurasi dengan vite untuk pembuatan lebih cepat dan pengalaman pengembangan yang dioptimalkan.
Backend : Didukung oleh Node.js dengan server API.
Komunikasi real-time : Mendukung konferensi video langsung dan obrolan menggunakan WebRTC dan Socket.io.
Alat Interaktif : Termasuk papan tulis bersama untuk kolaborasi selama kelas.
Otentikasi Aman : Menerapkan login yang aman dan manajemen pengguna.
Desain Responsif : Memastikan kegunaan di seluruh perangkat, termasuk desktop, tablet, dan smartphone.
FullStack Integration : Frontend dan backend terhubung dengan mulus untuk penanganan data yang efisien.

Struktur proyek

 root
├── client         # Frontend (React with Vite)
└── server         # Backend (Node.js with Express)

Petunjuk Pengaturan

Prasyarat

Node.js dan NPM diinstal pada mesin Anda.

1. Kloning repositori

git clone https://github.com/your-username/your-repo-name.git
cd your-repo-name

2. Pasang dependensi

Arahkan ke folder klien dan server untuk menginstal dependensi yang diperlukan.

Frontend

 cd client
npm install

Backend

 cd ../server
npm install

3. Mengkonfigurasi Variabel Lingkungan

Buat file .env di direktori server dan tambahkan variabel lingkungan yang diperlukan, seperti string koneksi basis data, kunci API, dan konfigurasi lainnya.

4. Mulai aplikasi

Server backend

Untuk memulai server backend, jalankan perintah berikut dari folder server :

npm run dev

Ini akan memulai server backend dalam mode pengembangan.

Server Frontend

Untuk memulai server Frontend, jalankan perintah berikut dari folder client :

npm run dev

5. Akses Aplikasi

Setelah server frontend dan backend berjalan, Anda dapat mengakses aplikasi di http://localhost:5173 secara default.

Berkontribusi

Kami menyambut kontribusi! Untuk berkontribusi, silakan ikuti langkah -langkah ini:

Fork The Repository dan buat cabang Anda:
```
git checkout -b feature/YourFeature
```
Buat perubahan Anda dan lakukan dengan pesan yang bermakna:
```
git commit -m " Add YourFeature "
```
Dorong ke garpu Anda dan kirimkan permintaan tarik:
```
git push origin feature/YourFeature
```
Kirimkan permintaan tarik dari repositori bercabang Anda ke cabang main repositori utama. Tim kami akan meninjau permintaan tarik Anda dan menyarankan perubahan yang diperlukan.