Projeler
Görme Engelliler İçin Farkındalık
Html • Css • Javascript • Creativity
Html, css ve javascript ile yapılmış görme engelliler için farkındalık oluşturmayı amaçlayan yazılım projesi. ❤️
Kaktüs Sözlük
React • Redux • Express • MongoDB • React Hooks Form • TailwindCSS • React Toastify • UUid • Axios • React Router • ImageKit
Ekşi Sözlük konsepti ile yapılmış bu projede; ➡️ Kayıt olunabilir, giriş yapılabilir ➡️ Başlık girilebilir, entry girilebilir ➡️ Entry ve başlık silinebilir, güncellenebilir ➡️ Profil resmi koyulabilir, parola güncellenebilir ➡️ Entry ve başlıklara olumlu, olumsuz beğeni yapılabilir ➡️ Beğeni durumları için bildirim alınabilir ➡️ Rastgele başlıklar seçilebilir ➡️ Bugünün başlıkları seçilebilir ➡️ JWT auth'u destekler
E-Ticaret Uygulaması
React • Redux • React Router • Bootstrap
Kaydırma animasyonları, carousel, ürün arama, sepet ekleme, ürün detay, satın alma gibi fonksiyonların olduğu e-ticaret uygulaması.
E-Ticaret Uygulaması-2
React • Tailwind • Axios • API
API'den alınan verilerle filtreleme ve arama özelliklerine sahip, responsive tasarımlı bir e-ticaret projesi. Temel olarak Vite, react, tailwind kullanıldı.
WalletConnector - Kripto Para Mobil Cüzdanı
React Native • WalletConnector
WalletConnector kütüphanesi kullanılarak Metamask kripto para cüzdanına bağlantı yapan mobil uygulama. Ethereum bakiyesine ulaşabilir. Uygulama kapatıp açıldığında bağlantı sürer. Connect, disconnect özellikleri vardır.
Burç Özellikleri
React Native • React Navigation • Typescript • Google Play Publish
Doğum tarihi girilerek hangi burç olduğu hesaplanıyor ve o burca dair pek çok bilgi ve özellikler başka bir ekranda görülebiliyor.
1024 Oyunu Javascript
Pure CSS • Vanilla JS
Klavye yön tuşları ile oynanabilen html, pure CSS ve vanilla JS ile yapılmış web uygulaması.
Klavye Yazma Testi
Nextjs • Css
1 dakika süre verilir, ekrandaki kelimeler yazılmaya çalışarak klavyeden yazma testi sonuçları verilir.
Film Uygulaması
Vite React • OMDb API • Bootstrap • Redux
OMDb API, Bootstrap, Redux kullanılarak Vite React'ta oluşturulan film uygulaması. API'den alınan film verilerinin yer aldığı tablo halindeki bir liste tek bir sayfada gösterilir. Detay sayfasında herhangi bir filmin üzerine tıklayıp film hakkında detaylı bilgi alabilirsiniz.
Youtube Yorum Sesleyici
React • React Speech Kit • Axios
Youtube Yorum Sesleyici, kullanıcıların bir Youtube videosunun linkini girdikten sonra videoya ait yorumları sesli olarak dinleyebilecekleri bir web uygulamasıdır. Bu uygulama, React.js kullanılarak geliştirilmiş ve videolardaki yorumları çekmek için Axios kütüphanesi kullanılmıştır. Ayrıca, yorumları sesli olarak okumak için React Speech Kit kütüphanesi entegre edilmiştir.
Rick And Morty Dizi Uygulaması
React • Rick and Morty API • Styled components • Typescript
Bu proje vite ile oluşturuldu. UI tasarım tamamen bana aittir. Rick and Morty API'sine erişir ve oradan karakter bilgilerini alır. Bunun için Axios kullanıldı. Şekillendirme için Stil Bileşenleri kullanıldı. Bileşen tabanlı animasyonlar da eklendi. Yükleme Durumu ve Hata İşleme kontrolleri vardır. Hata İşleme, React-Toastify ile daha gelişmiş görünüyor. Best React Practice'e göre oluşturulmuştur.
Aydın Yolcusu Mobil Uygulaması
React Native
Bu uygulama, Aydın'ı keşfetmek için kapsamlı bir deneyim sunuyor. Arama özellikleri sayesinde Aydın'ın tarihi ve turistik yerlerini kolayca bulabilir, görsel galeri ile şehrin farklı noktalarını keşfetme şansını elde edebilir, en iyi yeme içme mekanlarına dair bilgilere anında ulaşılabilir. Ayrıca, anlık hava durumu bilgilerini API üzerinden çekerek güncel hava durumu görüntülenebilir.
Tatil Uygulaması Mobil Ana Sayfası
React Native • Pixel Perfect Design • Figma
Figma'dan alınan tasarımlar bire bir uygulanarak listeleme ile ana sayfa oluşturuldu.
Haberler Mobil Uygulaması
Expo • React Native Elements
Haberler ile ilgili API'den alınan canlı son dakika haberler ile oluşturulmuş, kullanıcı dostu, minimal bir tasarım uygulanmıştır.
Beden Kitle İndeksi Hesaplama Mobil Uygulaması
React Native • React Hooks • BaseNative UI Library • Typescript
Boy ve kilo girilerek beden-kitle indeksini hesaplar ideal kiloya ulaşmak için kaç kilo verilmesi gerektiği bilsini verir.
Pozitif Olumlama
React • CSS • Bootstrap
400'den fazla olumlama sözlerinin yer aldığı sade bir proje.
Bilgi Yarışması
Javascript • Ajax • Jquery
Ücretsiz bilgi soruları ile API'ye istek yapılarak oluşturulan bir uygulama. Geliştirme sırasında Jquery, Ajax, Pure Javascript, Html, Css kullanılmıştır..
Alışveriş Sepeti Mobil Uygulaması
Expo-React Native • Firebase • Formik Yup • React Navigation • QrCodeSvg • Barcod Scanner • Vector Icons • Uuid
Mağazaya ait ürünlerin listelendiği, sepete eklendiği, tutarın hesaplandığı alışveriş sepeti mobil uygulaması. Tamamlanmış siparişler ve ürün ekleme, qr kod oluşturma ve okuma gibi özelliklerde mevcuttur. Kullanıcı giriş ve kaydı yapılır.