arastaci / frontend

Kişisel Projeler Koleksiyonu

Bu repo, HTML, CSS, SASS-SCSS, Bootstrap, JavaScript ve çeşitli API'ler kullanarak geliştirdiğim projeleri içermektedir.

Projeler

1. Etkileşimli Siber Güvenlik Öğrenim Platformu

Siber güvenlik konularında interaktif öğrenme deneyimi sunan bir platform. HTML, CSS ve Bootstrap kullanılarak geliştirilmiştir.

2. Hava Durumu Projesi

Kullanıcının aradığı konuma göre güncel hava durumunu gösteren bir uygulama. JavaScript ve OpenWeatherMap API'si kullanılarak geliştirilmiştir.

3. Link Kısaltma Uygulaması

Kullanıcıların uzun URL'leri kısaltmasına olanak tanıyan basit bir uygulama. JavaScript ve URL shortener API'si kullanılarak geliştirilmiştir.

4. Yazıyı Seslendirme

Metni seslendiren bir uygulama. JavaScript'in Web Speech API'si kullanılarak geliştirilmiştir.

5. Modern Todo List

Günlük yapılacak işleri takip etmek için bir uygulama. JavaScript ile işlevsellik eklenmiştir.

6. Kredi Kartı Tasarımı

CSS ile stilize edilmiş ve JavaScript ile etkileşimli hale getirilmiş bir kredi kartı tasarımı.

7. Yemek Sitesi

Yemek ve restoran tanıtımları içeren bu site, HTML ve CSS kullanılarak tasarlanmıştır.

8. Tasarım Tanıtma Sitesi

Tasarım projelerinizi sergileyebileceğiniz bir tanıtım sitesi. HTML ve SCSS kullanılarak modern ve şık bir arayüz oluşturulmuştur.

9. Sayfa Yükleyici

CSS ve JavaScript kullanılarak oluşturulmuş basit bir sayfa yükleme animasyonu.

10. Animasyonlu Resim Galerisi

CSS ve JavaScript kullanarak oluşturulan bu proje, resim galerisi için çeşitli animasyonlar içermektedir.

11. Araba Sitesi

Bu proje, bir araç tanıtım sitesidir. HTML ve CSS kullanılarak modern ve kullanıcı dostu bir arayüz oluşturulmuştur.

12. Yılan Oyunu

JavaScript kullanılarak oluşturulmuş klasik yılan oyunu.

13. Kelime Tahmin Oyunu

Kelimeleri tahmin etmeye dayalı bir oyun. JavaScript ile geliştirilmiştir.

14. XOX Oyunu

JavaScript ile geliştirilen bu klasik oyun, iki oyuncu arasında X ve O'ları tahtada sırayla yerleştirerek oynanır.

15. Yazı Tura Oyunu

Yazı tura atışlarını simüle eden basit bir oyun. JavaScript ile geliştirilmiştir.

Kullanılan Teknolojiler

• HTML: Yapısal bileşenleri oluşturmak için.
• CSS: Stil ve layout düzenlemeleri için.
• SASS/SCSS: Daha verimli ve modüler CSS yazımı için.
• Bootstrap: Responsive ve modern tasarımlar için.
• JavaScript: Dinamik ve etkileşimli işlevsellik eklemek için.

Kurulum ve Kullanım

1. Bu repository'i klonlayın:

   git clone https://github.com/Arastaci/Frontend.git

2. Proje dizinine gidin:

   cd Frontend

3. Projelerin her biri için ilgili dizine giderek index.html dosyasını tarayıcınızda açın.

4. Bootstrap projeleri için, gerekli paketleri yüklemek amacıyla ilgili proje dizinine gidin ve aşağıdaki komutu çalıştırın:

   npm install