Doctor Appiontment

Janji Dokter Online

Sistem Janji Dokter Online memungkinkan pasien memilih tanggal janji temu dokter yang diinginkan melalui platform online. Proyek ini dikembangkan menggunakan teknologi tumpukan MERN, menggabungkan berbagai fungsi untuk membuat situs web profesional. Proyek ini memiliki fitur halaman beranda dinamis, dasbor admin dan pengguna, halaman login pengguna dengan penanganan profesional atas semua jenis validasi, kemampuan bagi pasien untuk memilih janji temu dan melihat informasi dokter, serta informasi janji temu mereka sendiri, opsi untuk memilih a dokter dan melihat tanggal janji temu, operasi CRUD dan fitur tambahan. Situs web ini menawarkan desain responsif dengan header dan preloader dinamis.

Menyiapkan proyek MERN ini di mesin lokal Anda biasanya melibatkan langkah-langkah berikut:

Kode front-end dan Express berada di direktori yang sama, dengan Express API terletak di ./api

1. Kloning atau unduh kode sumber proyek ke mesin lokal Anda.
2. Instal dependensi. Ini dapat dilakukan dengan menggunakan manajer paket seperti npm (Node Package Manager) atau benang.
3. Jalankan server pengembangan. Hal ini dapat dilakukan dengan menggunakan alat baris perintah seperti terminal, di mana Anda dapat menjalankan perintah npm start atau benang start.
4. Akses proyek di browser web Anda dengan menavigasi ke http://localhost:3000 atau URL tertentu lainnya.

Untuk menyiapkan Express API di direktori "./api" suatu proyek, Anda dapat mengikuti langkah-langkah berikut:

1. Instal dependensi yang diperlukan dengan menjalankan npm install atau Yarn install di terminal dan menyertakan modul ekspres sebagai dependensi.
2. Siapkan server dan konfigurasikan middleware dalam file seperti index.js dalam direktori "./api". Impor modul ekspres dan buat instance aplikasi ekspres, atur rute untuk menangani permintaan HTTP, dan konfigurasikan middleware untuk menangani permintaan dan respons.
3. Siapkan variabel lingkungan untuk proyek dengan membuat file seperti .env di direktori akar dan menentukan pasangan nilai kunci untuk variabel spesifik lingkungan, seperti nomor port atau kredensial database.
4. Mulai server dengan menjalankan perintah seperti node index.js atau nodemon index.js di terminal.
5. Uji API dengan mengirimkan permintaan HTTP ke server menggunakan alat seperti Tukang Pos atau cURL.

 MONGO=here will be your mongodb value      
JWT= Here will be your jason web token (Generate random number for secured your api).

3. Mulai server dengan menjalankan perintah seperti node index.js atau nodemon index.js di terminal.
4. Uji API dengan mengirimkan permintaan HTTP ke server menggunakan alat seperti Tukang Pos atau cURL.

Catatan: Harap perhatikan bahwa ini adalah petunjuk umum untuk menyiapkan API Ekspres, dan detail penerapan spesifiknya mungkin berbeda-beda bergantung pada kebutuhan proyek Anda. Sebelum memulai, pastikan untuk membaca dokumentasi proyek atau file readme untuk mendapatkan instruksi atau persyaratan khusus.

Fitur Apa yang Akan Anda Temukan Di Sini?

• Halaman beranda dinamis, berfungsi sebagai halaman arahan untuk semua pengguna.
• Dasbor admin dan pengguna.
• Halaman login pengguna dengan penanganan profesional untuk semua jenis validasi.
• Kemampuan pasien untuk memilih janji temu dan melihat informasi dokter, serta informasi janji temu mereka sendiri.
• Pilihan untuk memilih dokter dan melihat tanggal janji temu.
• Operasi CRUD dan fitur tambahan.
• Desain responsif dengan header dan preloader dinamis.

 **demo** : https://dental-doctor-ujjal.netlify.app/
**My Websit**e : https://ujjalzaman-b6c8a.web.app/

Teknologi Apa yang Digunakan Dalam Proyek Ini

Ujung Depan:

• Bereaksi
• JavaScript(ES6)
• React-Bootstrap
• HTML
• css5
• UI Meterial
• Bereaksi Animasi
• Pemuat awal
• Peringatan
• Validasi

Bagian Belakang:

• MongoDb
• Cepat
• Kor
• Pengurai Tubuh
• Nodemon
• Pengunggah Gambar

Halaman Masuk (Dalam komponen ini Khusus bagi saya karena saya telah melakukan semua fungsi melalui Javascript vanila dan Jadikan Pass dan Validasi yang kuat ini)

Daftar (Dalam komponen ini Khusus bagi saya karena saya telah melakukan semua fungsi melalui Vanila Javascript dan Jadikan Pass dan Validasi yang kuat ini)

Halaman Arahan

Pengguna Harus Masuk dan Menambahkan Janji Temunya

Dapatkan AppointMenet

Janji temu

Daashboard (karena saya meninggalkan beberapa fungsi di sini hanya untuk admin)

Semua Daftar Pasien (fitur ini hanya terlihat untuk dokter dan admin)

Berkontribusi:

1. Fork repositori dengan mengklik tombol "Fork" di sudut kanan atas halaman GitHub proyek. Ini akan membuat salinan proyek di akun GitHub Anda sendiri.

2. Kloning repositori bercabang ke mesin lokal Anda dengan menjalankan perintah git clone https://github.com/your-username/online-doctor-appointment.git di terminal Anda.

3.Instal dependensi proyek dengan menjalankan npm install atau Yarn install di direktori root proyek. Buat cabang baru untuk perubahan Anda dengan menjalankan perintah git checkout -b branch-name , dengan nama cabang adalah nama deskriptif untuk cabang Anda. Buat perubahan yang Anda inginkan pada kode.

4. Uji perubahan Anda secara lokal dengan menjalankan npm start atau Yarn start dan mengakses proyek di browser web Anda di http://localhost:3000 atau URL tertentu lainnya. 5. Tambahkan dan komit perubahan Anda ke repositori lokal dengan menjalankan perintah git add . diikuti oleh git commit -m "Your commit message here"

6. Dorong perubahan Anda ke repositori bercabang dengan menjalankan perintah git push origin branch-name

7. Buat permintaan tarik (PR) dengan menavigasi ke repositori bercabang Anda di GitHub dan mengklik tombol "Permintaan tarik baru". Pastikan bahwa cabang dasar disetel ke cabang proyek asli tempat Anda ingin berkontribusi, dan cabang kepala disetel ke cabang repositori bercabang yang berisi perubahan Anda.

8.Tulis judul dan pesan deskriptif untuk permintaan penarikan Anda, jelaskan perubahan yang Anda buat dan mengapa perubahan tersebut harus digabungkan. Tunggu hingga pengelola proyek meninjau permintaan penarikan Anda dan memberikan masukan. Anda mungkin diminta untuk melakukan perubahan lebih lanjut atau mengatasi masalah apa pun sebelum perubahan Anda digabungkan.

9.Setelah permintaan penarikan Anda disetujui dan digabungkan, perubahan Anda akan menjadi bagian dari proyek. Selamat, Anda telah berhasil berkontribusi pada proyek ini!

Terima kasih telah mempertimbangkan proyek ini. Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi saya.