TANITIM:
Projemde angular tabanlı bir web sitesi yapacağım.
Bu siteyi hazırlarken visual studio code uygulamasını kullanıcağım.
Gezilecek yerlerin , otellerin ve restoranların tanıtıldığı bir seyahat rehberi sitesi yapacağım.
YAPIM AŞAMASI:
Proje Yapısını Oluşturma: Öncelikle Angular CLI kullanarak yeni bir Angular projesi oluşturdum, sonra terminale'' ng new seyahat-rehberi'' komutunu girdim.
Veri Modelini Tanımlama: Seyahat yerlerini, otelleri, restoranları vb. temsil edecek veri modellerini tanımladım. Örneğin, bir "Yer" modeli oluşturdum:
3. Yönlendirme Ayarlarını Yapma: Angular yönlendirme modülünü kullanarak farklı sayfalar arasında gezinmeyi sağladım. Seyahat yerleri listesi, ayrıntı sayfası, otel ve restoran detayları gibi farklı sayfalar için yönlendirme ayarları yaptım.
4. Servis Katmanını Oluşturma: Seyahat yerlerini almak için bir servis oluşturdum. Bu servis, seyahat yerleri verilerini bir API'dan çekebilir veya sabit verileri kullanabilir. Örneğin:
5. Component'leri Oluşturma: Seyahat yerlerini listeleyen bir bileşen ve ayrıntılarını gösteren bir bileşen oluşturdum. Bileşenlerin şablonlarını tasarlayarak verileri görüntüledim ve kullanıcının etkileşimde bulunmasını sağladım.
6. Oluşturduğum bileşenleri uygun yollarla birbirine bağladım. Yönlendirme modülüne rotalar ekleyerek, kullanıcıların farklı sayfalar arasında geçiş yapmasını sağladım.
7. Stil ve Tasarım: CSS kullanarak sayfamı düzenledim ve görsel olarak çekici bir hale getirdim.
8. Haritalar ve Konum Entegrasyonu: Seyahat yerlerinin konumlarını haritalarda göstermek için Google Haritaları kullandım. Seyahat yerlerinin konum bilgilerini alarak harita bileşenleriyle entegre etmeye çalıştım ve kullanıcılara yerlerin nerede olduğunu göstermiş oldum.
9. Kullanıcı Yorumları ve Değerlendirmeleri: Seyahat yerlerine kullanıcıların yorum yapabilmesi için bir yorum bileşeni oluşturdum. Kullanıcıların seyahat yerlerini değerlendirmelerine ve yorumlarını eklemelerine olanak sağladım.
10. Arama ve Filtreleme: Kullanıcıların seyahat yerlerini arayabilmesi ve filtreleyebilmesi için arama ve filtreleme özellikleri ekledim. Yer adına veya konumuna göre arama yapılabilir veya kategoriye göre filtreleme yapılabilir.
Bu şekilde siteyi oluşturmaya çalışıyorum ilerleyen zaman larda site daha da gelişmiş bir şekilde sunulacaktır.