Bu proje Tobeto ile gerçekleştirilen .NET & Angular Full Stack eğitiminin bitirme projesinin frontend tarafıdır.
📌Projenin backend kısmına buradan ulaşabilirsiniz.
- Web projesi:
- Veri tabanı:
Bu proje, hastaların randevu almasını, geçmiş ve gelecek randevularını takip etmelerini ve doktorlar ile kolayca iletişim kurmalarını sağlayan, kullanıcı dostu bir hastane randevu sistemidir.
Üç tip kullanıcı bulunmaktadır:
➡️ 1- Admin/Yönetici
- Hasta bilgilerini listeler,düzenler ve siler. Gerektiğinde yeni hasta ekleyebilir.
- Hastaneye doktor ataması yapar. Doktor bilgilerini listeler, günceller ve siler.
- Mevcut branşları listeler,düzenler ve siler. Hastaneye branş eklemesi yapar.
- Geçmiş ve gelecek tüm randevu detaylarını listeler. Yeni randevu oluşturabilir.
- Yazılmış raporlar detaylarını (rapor içeriği hariç) görüntüleyebilir.
- Kullanıcılar tarafından oluşturulan tüm öneri & şikayet geri bildirimlerini listeler. Geri bildirimi onaylama ve silme hakkına sahiptir.
- Toplam randevu sayısı, toplam doktor sayısı ve toplam branş sayısı gibi metrikleri gösteren İstatistikleri görüntüleyebilir.
- Kendi bilgilerini güncelleyebilir ve şifre değişikliği yapabilir.
➡️ 2- Doktor
- Bugünkü Randevularım - Yarınki Randevularım - Çalışma Takvimim - Hasta Raporları alanlarını içeren Özet sayfasını görüntüleyebilir.
- Kendi çalışma takvimini oluşturabilir. Gerektiğinde çalışma takvimini güncelleyebilir veya silebilir.
- Randevulu hastalarının bilgilerini görüntüleyebilir.
- Hastaların kendisinden aldığı randevuları Geçmiş Randevular & Gelecek Randevular alanında görüntüleyebilir.
- Geçmiş randevular için rapor oluşturabilir.
- Oluşturduğu raporların detaylarını görüntüleyebilir.
- Öneri & Şikayet için oluşturduğu geri bildirimleri görüntüleyebilir ve silebilir.
- Kendi bilgilerini güncelleyebilir.
➡️ 3- Hasta
- Bugünkü Randevularım - Gelecek Randevularım - Raporlarım - Geri Bildirimlerim alanlarını içeren Özet sayfasını görüntüleyebilir.
- İstediği branş ve doktora randevu alabilir. Gerektiğinde iptal edebilir.
- Aldığı randevuları Geçmiş Randevular & Gelecek Randevular alanında görüntüleyebilir.
- Doktorun oluşturduğu raporların detaylarını görüntüleyebilir.
- Öneri & Şikayet için oluşturduğu geri bildirimleri görüntüleyebilir ve silebilir.
- Kendi bilgilerini güncelleyebilir.
Projede Angular, modern ve kullanıcı dostu bir kullanıcı arayüzü sağlamak için kullanılmaktadır. Angular, güçlü bir framework olarak, SPA (Single Page Application) yapısını destekleyerek kullanıcı deneyimini optimize etmeye olanak tanır.
Angular kullanırken projede şu özellikler ve kütüphaneler önemli rol oynamaktadır:
-
Reactive Forms ve Template-Driven Forms: Form işlemlerini yönetmek için kullanılan Angular bileşenleri.
-
HttpClient: Backend API'ler ile iletişim kurmak için kullanılan Angular modülü.
-
Routing: Uygulama içi navigasyonu ve sayfa yönetimini sağlar.
-
RxJS (Reactive Extensions for JavaScript): Asenkron veri akışını yönetmek ve işlemek için kullanılan kütüphane.
-
Angular Material: Material Design prensiplerine uygun olarak hazırlanmış UI bileşenlerini kolayca entegre etmek için kullanılır.
Bu bileşenler ve kütüphaneler sayesinde Angular, projenizin frontend tarafında güçlü bir performans ve kullanılabilirlik sunmuştur.
📃Kullanıcılar siteye girdiklerinde onları karşılayan bir anasayfamız bulunmaktadır. Bu sayfada hastanemizle ilgili bilgilendirme yazılarının yanı sıra, oluşturduğumuz Footer ve Header yapıları sayesinde
kullanıcıların ihtiyaç duydukları bilgilere kolayca ulaşmaları sağlanmaktadır. Bunların yanı sıra kullanıcılar anasayfadan ulaşabilecekleri tıbbi birimler, doktorlarımız, hakkımızda, bize ulaşın gibi diğer sayfalara da yönlendirilirler.
➡️Ek olarak Sıkça Sorulan Sorular ve Canlı Destek sayesinde kullanıcıların sorularına çok daha kolay ve hızlı cevap alabilmeleri sağlanır.
✎ Hastane randevu sisteminde, hastaların randevu alabilmesi için sisteme giriş yapmaları zorunlu kılınmıştır. Bu süreç, hem güvenlik hem de kişisel sağlık bilgilerinin korunması açısından kritik öneme sahiptir. Yeni hastaların sisteme üye olabilmesi için kullanıcı dostu bir Üye Ol sayfası oluşturulmuştur. Bu sayfa, hastaların gerekli bilgilerini kolayca girebilecekleri bir form içerir. Üyelik sürecinde hastalardan ad, soyad, e-posta adresi ve telefon numarası gibi temel bilgilerin yanı sıra, güvenli bir şifre oluşturmaları istenmektedir. Üye olduktan sonra hastanın sisteme giriş yapabilmesi için mail adresini doğrulama şartı eklenmiştir. Bu sayede hastanın üye olurken girmiş olduğu mail adresine bir doğrulama linki yollanır. Hasta bu link aracılığıyla e-posta adresini doğrularsa sisteme giriş yapabilmektedir, aksi taktirde sisteme giriş yapabilmesi mümkün olmayacaktır. Şifresini unutan hastalar ise e-posta veya telefon numaraları aracılığıyla yeni bir şifre talep edebilir ve şifrelerini güncelleyebilirler. Bu sayede, hastalarımızın sisteme erişimlerinin kesintisiz ve güvenli bir şekilde sağlanması hedeflenmektedir.
📌Kullanıcılar sistme giriş yaptıktan sonra yetkinliklerine göre ilgili panellere yönlendirilirler. Bu panellerden kendilerine sunulan özelliklerden istediklerine erişip kullanabilirler. Projeyi daha detaylı incelemek ve diğer sayfaları görmek isterseniz indirebilirisiniz ya da Canva 'da bulunan sunumdan diğer ekranları görebilirsiniz.
Görüşürüz 🎉
Add badges from somewhere like: shields.io
