Merhaba!
Ben

React.js, Next.js, TypeScript, JavaScript, jQuery ile modern, performanslı ve ölçeklenebilir arayüzler geliştiriyorum. HTML, CSS/SAAS, Styled Components, TailwindCSS ve çeşitli UI Kütüphaneleri ile güçlü bir UI altyapısı oluşturuyorum.

Redux Toolkit, Saga, Zustand ve Context API kullanarak global state yönetimi sağlıyorum. RESTful API entegrasyonları, JWT kimlik doğrulama, Git versiyon kontrolü, CI/CD süreçleri, PWA (Progressive Web App) geliştirme ve monorepo yapıları ile UI/UX, pixel perfect UI ve reusable component mimarileri üzerinde deneyimliyim.

Takım çalışması, agile çalışma metodolojisi, sprint süreçleri ve task management konularında deneyim sahibiyim. Profesyonel işlerimin yanı sıra, pasif gelir sağlayan kişisel SaaS projeler geliştirerek uçtan uca web geliştirme deneyimi edindim.

Özgeçmiş Görüntüle

CV Göster

Özgeçmişimi kendi geliştirdiğim sistem ile hazırladım :)

PROJELERİM

Projelerim Neler?

Wordora: İngilizce Öğren

İngilizce kelime öğrenmeyi modern, hızlı ve kişisel bir deneyime dönüştürmek için geliştirdiğim bir kelime öğrenme uygulaması.

📲 PWA desteği sayesinde Wordora’yı telefonunuza uygulama gibi yükleyip kullanabilirsiniz.

💡 Wordora Neler Sunuyor?

Her seviyeden 500+ kelime
Toplam 16.000+ örnek cümle (her kelime için 5 adet)
Seviye bazlı ilerleme yüzdesi
Kelime ve cümle öğrenme ekranları
Kelime/cümle seslendirme özelliği
Kelime/cümle anlamlarını göster/gizle
Test ve boşluk doldurma Quizleri
Favorilere ekleme & çıkarma
Kullanıcıya özel liste oluşturma
Örnek cümleleri görüntüleme
Öğrenilen / öğrenilmeyen filtreleri
Türkçe & İngilizce çift dil desteği
PWA ile uygulama olarak yükleme

💻 Teknolojiler

Next.js App Router
TypeScript
React
Zustand (hafif ve modüler state yönetimi)
Supabase (auth ve dinamik veri yönetimi)
Speech Synthesis API (seslendirme)
Tailwind CSS & shadcn/ui

👉 Hiçbir reklam yok, tamamen ücretsiz, sade ve hızlı.

Bu projeyi hem kendim için hem de İngilizce öğrenen herkesin işine yarayabilecek bir araç olması amacıyla geliştirdim.

Siz de isterseniz hemen deneyebilirsiniz! 🌟

Word + Aurora = Wordora ✨

Next.js

TypeScript

React

Tailwind

API

Projeyi İncele

Diyet Takibim | Danışan Takip Sistemi

Diyetisyenlere özel tamamen kendi geliştirdiğim ve satışa sunarak ek gelir sağadığım Danışan Takip Sistemi projesidir. Diyetisyenler için sistem içerisinde 3 farklı üyelik paketi bulunmaktadır. Satın alma işlemi için shopier sistemini entegre ettim.

Projenin amacı, diyetisyenlerin danışanlarını daha kolay, daha hızlı, daha düzenli bir şekilde kontrol edebilmeleri ve grafikler eşliğinde daha anlaşılır şekilde danışanlarını yöneterek işlerini kolaylaştırmasıdır.

Projemde birbirine bağlı 3 farklı kısım bulunmaktadır. Bunlar;

Web Sitesi: Sistemi tanıtmak ve sistemde neler olduğunu diyetisyenlere en iyi şekilde sunabilmek için geliştirdim.
Danışan Takip Sistemi: Danışan takip sistemini tamamen diyetisyenlere özel geliştirdiğim ve sistem içerisinde diyetisyenlere özel araçlar sunduğum paneldir. Bu sistem sayesinde diyetisyenler işlerini oldukça kolaylaştırmaktadır.
Admin Paneli: Admin panelini sisteme kayıtlı olan diyetisyenleri veya içerikleri yönetebilmek ve çıkabilecek herhangi bir sorunu admin panelinden çözebilmek için geliştirdim.

Diyetisyen Paneli İçeriği;

Diyetisyenler yeni veya devam ettiği mevcut danışanlarını sisteme ekleyebilirler
Tablo şeklinde danışanlarının analizlerini görebilirler
Grafikler eşliğinde günlük danışan randevularını görebilirler
Grafikler eşliğinde danışanlarının haftalık/aylık kilo analizini görebilirler
Danışanlarına ait özel notlar tutabilirler
Diyet listesi hazırlayabilir ve danışanlarına gönderebilirler. Gönderdikleri listelerin PDF çıktısını alabilirler.
Hazır diyet listesi şablonu oluşturabilir ve istedikleri zaman kullanabilirler
Özel tarifler oluşturma oluşturabilir ve istedikleri zaman kullanabilirler

Aklıma gelmeyen ve burada uzun uzun açıklayamadığım daha birçok özellik bulunmaktadır. Bu projeyi geliştirirken çok çalışmıştım. Çok kısa bir sürede böyle bir proje geliştirmiştim ve bu yüzden kendimle gurur duyuyorum. Ayrıca hep kendi kurduğum bir sistem üzerinden para kazanma hayalini de bu site sayesinde yaşamak oldukça mutluluk vericiydi.

Üniversite hocamın projemi çok beğenmesi üzerine ICONDATA22 programında projemi sunarak sertifika aldığımı da belirtmek isterim.

Next.js

React

JavaScript

Tailwind

API

HTML

CSS

PHP

MySql

Projeyi İncele

Diyet Takibim | Danışan Takip Sistemi

Projemde birbirine bağlı 3 farklı kısım bulunmaktadır. Bunlar;

Web Sitesi: Sistemi tanıtmak ve sistemde neler olduğunu diyetisyenlere en iyi şekilde sunabilmek için geliştirdim.
Danışan Takip Sistemi: Danışan takip sistemini tamamen diyetisyenlere özel geliştirdiğim ve sistem içerisinde diyetisyenlere özel araçlar sunduğum paneldir. Bu sistem sayesinde diyetisyenler işlerini oldukça kolaylaştırmaktadır.
Admin Paneli: Admin panelini sisteme kayıtlı olan diyetisyenleri veya içerikleri yönetebilmek ve çıkabilecek herhangi bir sorunu admin panelinden çözebilmek için geliştirdim.

Diyetisyen Paneli İçeriği;

Diyetisyenler yeni veya devam ettiği mevcut danışanlarını sisteme ekleyebilirler
Tablo şeklinde danışanlarının analizlerini görebilirler
Grafikler eşliğinde günlük danışan randevularını görebilirler
Grafikler eşliğinde danışanlarının haftalık/aylık kilo analizini görebilirler
Danışanlarına ait özel notlar tutabilirler
Diyet listesi hazırlayabilir ve danışanlarına gönderebilirler. Gönderdikleri listelerin PDF çıktısını alabilirler.
Hazır diyet listesi şablonu oluşturabilir ve istedikleri zaman kullanabilirler
Özel tarifler oluşturma oluşturabilir ve istedikleri zaman kullanabilirler

Next.js

React

JavaScript

Tailwind

API

HTML

CSS

PHP

MySql

CV Oluşturma ve Özelleştirme

Özgeçmiş oluşturma ve özelleştirme sistemi projesidir. Projeyi Full Stack olarak tamamen kendim tasarladım ve geliştirdim. Sistemi ilerleyen zamanlarda paketlendirme seçenekleri ile satışa sunmayı da düşünüyoum.

Projenin amacı, özgeçmiş oluşturmak isteyen kişilere hazır şablonlar ve birçok özellik sunarak özgeçmiş oluşturma işlemlerini kolaylaştırmaktır. Özgeçmiş oluşturulması için bir form bulunmaktadır ve bu form ile gönderilen veriler ile otomatik olarak özgeçmiş oluşturulmaktadır. Oluşturulan özgeçmiş üzerinde birçok özelleştirme seçenekleri bulunmaktadır.

Sistemde ücretsiz bir demo sayfası bulunmaktadır ve sisteme üye olmadan sistemin sağladığı özellikleri test edebilirsiniz. Sisteme ücretsiz bir şekilde kayıt olarak dilediğiniz kadar özgeçmiş oluşturabilirsiniz. Özgeçmişlerinizi özelleştirebilirsiniz, düzenleyebilirsiniz, kopyalayabilirsiniz ve silebilirsiniz

Özgeçmiş özelleştirme sayfasında yer alan özellikler;

6 Farklı özgeçmiş şablonu seçeneği vardır
7 Farklı özgeçmiş renklendirme seçeneği vardır
6 Farklı yazı tipi seçeneği vardır
Google Translator ile sınırsız dilde çeviri seçeneği vardır
Özgeçmiş şablonunda sürükle bırak ile yer değiştirme özelliği vardır
Özgeçmiş şablonunda başlık düzenleme özelliği vardır
Karanlık veya aydınlık tema seçeneği vardır
Özgeçmiş yazdırma ve PDF olarak indirme özelliği vardır

Aklıma gelmeyen ve buraya uzun uzun yazamadığım daha birçok özellik bulunmaktadır. Bu sistemi üniversite bitirme projesi olarak sundum ve hocalarım tarafından bolca beğeni aldım. Projemin bitirme raporuna buraya tıklayarak ulaşabilirsiniz.

Siz de özgeçmişlerinizi bu sistemi kullanarak oluşturabilir ve dilediğiniz gibi özelleştirebilirsiniz. Çünkü ben de kendi özgeçmişimi kendi oluşturduğum sistem ile hazırladım 😊

JavaScript

PHP

MySql

HTML

CSS

Bootstrap

Projeyi İncele

CV Oluşturma ve Özelleştirme

6 Farklı özgeçmiş şablonu seçeneği vardır
7 Farklı özgeçmiş renklendirme seçeneği vardır
6 Farklı yazı tipi seçeneği vardır
Google Translator ile sınırsız dilde çeviri seçeneği vardır
Özgeçmiş şablonunda sürükle bırak ile yer değiştirme özelliği vardır
Özgeçmiş şablonunda başlık düzenleme özelliği vardır
Karanlık veya aydınlık tema seçeneği vardır
Özgeçmiş yazdırma ve PDF olarak indirme özelliği vardır

JavaScript

PHP

MySql

HTML

CSS

Bootstrap

Esnaf Vitrinim | Firma Rehberi

140+ Kategoride 250+ Firma hakkında bilgiler sunan Esnaf Vitrinim için frontend ve backend kodlamasını yaptığım Firma Rehberi sitesidir. Site içerisinde yüzlerce firmaya ait bilgiler bulunmaktadır. İstediğiniz özelliklere göre firmaları arayabilir ve bulabilirsiniz. Her firmanın kendine özel bir sayfası bulunmaktadır. Bu sayfa sanki firmaya özel yapılmış bir Landing Page sitesi gibidir. Firmanın tüm bilgileri ve içerikleri bulunmaktadır.

Projenin amacı, web sitesi olmayan ancak internet üzerinde firmasını sergilemek isteyen kişilerin bu firma rehberi sitesine kayıt olarak ve firmalarını ekleyerek firmalarının internet üzerinde müşteriler tarafından erişebilir hale getirebilmesidir. Her firmanın bilgileri ilk olarak admin panelinde yönetici onayına düşmektedir. Yönetici onaylamadığı sürece firmanın hiçbir bilgisi ve içeriği rehberde yayınlanmamaktadır. Projenin panel kısmı en kapsamlı yeridir ve herşey kontrol edilebilmektedir.

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Projeyi İncele

Kod Satırım

Bir zamanlar kullandığım ve yazılım hakkında paylaşımlar yaptığım @kod_satirim instagram sayfama özel Full Stack olarak geliştirdiğim blog sitesidir. Sitenin tasarımını da responsive olarak tamamen kendim tasarladım ve kodladım. Backend için PHP PDO ve MySQL veritabanı kullandım.

Proje içeriği;

Siteye üye olarak sitenin tüm özelliklerini kullanabilirsiniz. Site tamamen ücretsizdir.
Web tasarım örneklerine dair kodlar bulabilirsiniz ve tasarımları kendi web siteniz için kullanabilirsiniz
HTML dersleri, C programlama dersleri ve Algoritma örnekleri bulabilir ve kendinizi geliştirebilirsiniz. Dersleri tamamen kendim hazırladım ve detaylıca anlattım.
Yazılımcılar arası tartışma formu bulunmaktadır. Bu tartışma formu sayesinde yazılımcılar sorularını sorarak veya bilgilerini paylaşarak birbirlerine yardımcı olabilmektedir.
Tartışma formları için birçok kategori bulunmaktadır ve istediğiniz kategoride tartışma oluşturabilirsiniz
Anket oluşturabilir ve sonuçlarını görebilirsiniz
Yazılım hakkında blog yazıları bulabilirsiniz
Siteye bir blog yazısı ekleyebilirsiniz
Benimle iletişime geçebilirsiniz
Google Adsense tarafından onaylanmış reklamlar bulunmaktadır

Aklıma gelmeyen ve burada uzun uzun açıklayamadığım daha birçok özellik bulunmaktadır. Siteyi önceden aktif olarak kullanıyordum ancak şimdi ilgilenemediğim için kendi web sitemde subdomain üzerinde barındırıyorum. Bu projeyi geliştirirken çok çalışmıştım. Çok kısa bir sürede böyle bir proje geliştirmiştim ve bu yüzden kendimle gurur duyuyorum. Ayrıca hep merak ettiğim Google Adsense reklamları siteye nasıl eklenir ne kadar kazandırır sorusunun cevabını da kendi oluşturduğum site sayesinde bulmak oldukça mutluluk vericiydi.

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Projeyi İncele

Kod Satırım

Siteye üye olarak sitenin tüm özelliklerini kullanabilirsiniz. Site tamamen ücretsizdir.
Web tasarım örneklerine dair kodlar bulabilirsiniz ve tasarımları kendi web siteniz için kullanabilirsiniz
HTML dersleri, C programlama dersleri ve Algoritma örnekleri bulabilir ve kendinizi geliştirebilirsiniz. Dersleri tamamen kendim hazırladım ve detaylıca anlattım.
Yazılımcılar arası tartışma formu bulunmaktadır. Bu tartışma formu sayesinde yazılımcılar sorularını sorarak veya bilgilerini paylaşarak birbirlerine yardımcı olabilmektedir.
Tartışma formları için birçok kategori bulunmaktadır ve istediğiniz kategoride tartışma oluşturabilirsiniz
Anket oluşturabilir ve sonuçlarını görebilirsiniz
Yazılım hakkında blog yazıları bulabilirsiniz
Siteye bir blog yazısı ekleyebilirsiniz
Benimle iletişime geçebilirsiniz
Google Adsense tarafından onaylanmış reklamlar bulunmaktadır

HTML

CSS

PHP

MySql

JavaScript

Bootstrap

Diyetisyen Gizem Akbulut

Online diyet hizmeti veren Diyetisyen Gizem Akbulut için özel olarak tasarlayıp geliştirdiğim kişisel web sitesi. Web sitesini Full Stack olarak tamamen kendim kodladım.

HTML

PHP

MySql

CSS

Bootstrap

JavaScript

Projeyi İncele

Diyetisyen Almina Meşin

Bir diyetisyenin uzmanlığını öne çıkarmak, bilgilendirici blog içeriği sağlamak ve uzaktan müşteri iletişimini mümkün kılmak için tasarlanmış duyarlı bir portföy web sitesi.

React

HTML

CSS

Tailwind

PHP

MySql

Bootstrap

API

Projeyi İncele

Tüp Bebek Uzmanı için Kişisel Portföy

Tüp bebek konusunda uzmanlaşmış bir tıp doktorunun uzmanlıklarını tanıtmak, tıbbi içerik paylaşmak amacıyla özel olarak tasarlanıp geliştirilen kişisel bir web sitesidir.

React

HTML

CSS

Tailwind

PHP

MySql

Bootstrap

API

Projeyi İncele

Sanal Pos Entegreli Danışmanlık Sitesi

E-Ticaret, Sosyal Medya, Google reklamları, pazaryerleri, dropshopping gibi danışmanlık hizmetleri veren ve paketler satarak iyzico altyapısı kullanarak ödeme alabilen dinamik danışmanlık web sitesidir. İyzico altyapısı ile sanap pos entegresi bulunmaktadır. Web sitesini Full Stack olarak tamamen kendim kodladım. Iyzico altyapısının entegresin de kendim gerçekleştirdim.

iyzico

PHP

MySql

JavaScript

HTML

CSS

Bootstrap

Projeyi İncele

Lions Life Yapı İnşaat

Full Stack olarak Lions Life inşaat firması için geliştirdiğim kurumsal proje tanıtım sitesi.

HTML

CSS

JavaScript

PHP

MySql

Bootstrap

Projeyi İncele

Nart Plastik

HTML, CSS ve JavaScript kullanarak tasarımını yaptığım kurumsal ürün tanıtım sitesi.

HTML

CSS

Bootstrap

JavaScript

Projeyi İncele

DENEYİMLERİM

Nerede Çalıştım?

Frontend Developer

Hogarth 07/2025 - devam

07/2025 - devam

Global WPP markalarına ait projelerde, responsive, UI/UX ve SEO odaklı web arayüzlerinin geliştirilmesi, lokalizasyonu ve ekiplerle koordineli proje yönetimi süreçlerinde aktif rol alıyorum.

HTML

CSS

JavaScript

React

Tailwind

Frontend Developer

Jotform 11/2022 - 05/2025

11/2022 - 05/2025

25 milyondan fazla kullanıcıya hizmet veren bir şirket olan Jotform'da, Product ekibinin bir parçası olarak çalıştım ve ekipler arasında paylaşılan bir monorepo mimarisi içinde No Code App Builder platformu için Push Notification, Copilot ve User Management gibi temel özelliklere katkıda bulundum. Ayrıca Jotform AI Agents'ın geliştirilmesinde yer aldım ve dinamik e-posta şablonları oluşturdum. Jotform’un ana platformlarında RDS altyapısıyla yeni özellikler geliştirdim ve mevcut işlevleri iyileştirdim.

Büyük bir Growth ekibi içinde yer alan Localization Growth takımında UI Developer olarak görev aldım. Şirketimizin, Almanca ve İspanyolca gibi uluslararası web sayfalarının geliştirilmesi ve iyileştirilmesi üzerine çalıştım. Temel hedefimiz, uluslararası kullanıcı kitlesini artırarak şirketin büyümesine katkıda bulunmaktı.

HTML

CSS

JavaScript

React

API

TypeScript

Frontend Developer (Part-Time)

HIDE 11/2022 - 07/2023

11/2022 - 07/2023

Başarılı bir stajın ardından, Jotform şirketinde part-time UI Developer olarak göreve başladım. Jotform ürünlerinde HTML, CSS, JavaScript ve React.js ile arayüz hatalarını gidererek kullanıcı deneyimini iyileştirmeye yönelik çalışmalar yaptım.

HTML

CSS

JavaScript

React

Stajyer Developer

Jotform 08/2022 - 09/2022

08/2022 - 09/2022

React.js, HTML, CSS ve JavaScript kullanarak çeşitli web projelerinde arayüz geliştirme ve component bazlı yapı kurma konularında görev aldım. Staj sürecim, hem kişisel hem de kariyer açısından önemli bir tecrübe kazanma fırsatı sundu. Bu dönemde, kodlama becerilerimi artırmanın yanı sıra, proje yönetimi, problem çözme ve iletişim konularında da gelişim sağladım.

HTML

CSS

JavaScript

React

Web Developer

Gali Medya 08/2021 - 10/2021

08/2021 - 10/2021

Kurumsal web sitelerinin geliştirilmesi, iyileştirilmesi, SEO optimizasyonları gibi görevler aldım.

HTML

CSS

JavaScript

React

PHP

Freelancer Full Stack Developer

Bionluk 09/2021 - devam

09/2021 - devam

React.js, Next.js, Redux, Redux-Saga, TypeScript, JavaScript, HTML, CSS, PHP ve MySQL kullanarak birçok kurumsal web sitesi geliştirdim. Bu projelerde RESTful API entegrasyonları, kullanıcı arayüzü geliştirme ve veritabanı yönetiminin yanı sıra proje planlama ve müşteri iletişimi konularında da deneyimler edindim.

HTML

CSS

JavaScript

PHP

MySql

Bootstrap

YETENEKLERİM

Neler Öğreniyorum?

ÇALIŞMALARIM

Neler Geliştiriyorum?

Dinamik Kişisel Takvim

Bu proje React kullanılarak geliştirilmiş dinamik bir takvim uygulamasıdır. Bu uygulama ile kullanıcılar belirli tarihlere ilişkin notlar alabiliyor, notları düzenleyebiliyor ve tercihlerine göre özelleştirebiliyor.

Özellikler:

Dinamik Takvim: Kullanıcılar herhangi bir yılı, ayı ve günü seçebilecekleri etkileşimli bir takvime erişebilir. Takvim otomatik olarak geçerli tarihe göre açılır.
Notlar ve Kategoriler: Kullanıcılar belirli tarihlere not ekleyebilir ve her notu belirli bir kategori rengiyle özelleştirebilir. Bu özellik notları düzenlemeyi ve düzenli tutmayı kolaylaştırır.
Kolay Erişim: Kolay erişim ve tanımlama için eklenen notlar ilgili ay ve günlerde vurgulanır.
Tamamlandı Olarak İşaretle: Kullanıcılar notları 'tamamlandı' olarak işaretleyebilir. Geçmiş tarihli notlar otomatik olarak 'tamamlandı' olarak işaretlenir.
Düzenleme/Silme: Kullanıcılar notları istedikleri zaman düzenleyebilir ve silebilir.
LocalStorage Desteği: Tüm notlar tarayıcının yerel deposunda saklanır. Bu, uygulamadan çıktıktan sonra bile notların kaybolmamasını sağlar. Tarayıcıyı yeniden açtığınızda önceki notlar anında görünür.
Mobil Uyumluluk: Uygulama responsive olarak tasarlanmış olup masaüstü, tablet ve mobil cihazlarda rahatlıkla kullanılabilecektir. Kullanıcılar notlarını herhangi bir cihazda yönetebilirler.
Dil Desteği: Uygulama hem Türkçe hem de İngilizce dillerini desteklemektedir.

React

HTML

CSS

JavaScript

İncele

Dinamik Kişisel Takvim

Dinamik Takvim: Kullanıcılar herhangi bir yılı, ayı ve günü seçebilecekleri etkileşimli bir takvime erişebilir. Takvim otomatik olarak geçerli tarihe göre açılır.
Notlar ve Kategoriler: Kullanıcılar belirli tarihlere not ekleyebilir ve her notu belirli bir kategori rengiyle özelleştirebilir. Bu özellik notları düzenlemeyi ve düzenli tutmayı kolaylaştırır.
Kolay Erişim: Kolay erişim ve tanımlama için eklenen notlar ilgili ay ve günlerde vurgulanır.
Tamamlandı Olarak İşaretle: Kullanıcılar notları 'tamamlandı' olarak işaretleyebilir. Geçmiş tarihli notlar otomatik olarak 'tamamlandı' olarak işaretlenir.
Düzenleme/Silme: Kullanıcılar notları istedikleri zaman düzenleyebilir ve silebilir.
LocalStorage Desteği: Tüm notlar tarayıcının yerel deposunda saklanır. Bu, uygulamadan çıktıktan sonra bile notların kaybolmamasını sağlar. Tarayıcıyı yeniden açtığınızda önceki notlar anında görünür.
Mobil Uyumluluk: Uygulama responsive olarak tasarlanmış olup masaüstü, tablet ve mobil cihazlarda rahatlıkla kullanılabilecektir. Kullanıcılar notlarını herhangi bir cihazda yönetebilirler.
Dil Desteği: Uygulama hem Türkçe hem de İngilizce dillerini desteklemektedir.

React

HTML

CSS

JavaScript

Çeviri Not Defteri

Bilmediğiniz yabancı kelimeleri ve cümleleri kolayca not alabileceğiniz ve yönetebileceğiniz kullanıcı dostu bir React projesidir. Bu projeyi, dil öğrenme sürecinizi ve yeni kelimeleri veya ifadeleri öğrenmenizi kolaylaştırmak için geliştirdim. Ayrıca kendim de bilmediğim yabancı kelimeleri ve cümleleri not almak kullanıyorum.

Çeviri Not Defteri'nin ana özellikleri:

Çeviri Ekleyin: Öğrenmek istediğiniz kelimeleri veya cümleleri Türkçe ve İngilizce olarak girerek otomatik olarak bir liste içerisine kaydedin.
Filtreleme ve Arama: Eklediğiniz çevirileri kelime veya cümle olarak filtreleyebilir ve hızlı bir şekilde arayabilirsiniz. Bu, özellikle büyük bir çeviri koleksiyonuyla çalışırken çok kullanışlıdır.
Liste Karıştırma: Liste sırasını kolayca değiştirebilirsiniz. Bu, çevirileri karıştırarak sıralamayı ezberlemenize yardımcı olur.
Çeviri Gizleme ve Gösterme: Çevirileri gizleyebilir ve tahmin etme yeteneğinizi sınayabilirsiniz. İhtiyacınız olduğunda çevirileri yeniden gösterebilirsiniz.
Öğrenilenleri İşaretleme: Bir çeviriyi öğrendiğinizi düşündüğünüzde bunu öğrenildi olarak işaretleyebilirsiniz. Bu sayede sadece öğrendiğiniz çevirileri görüntüleyebilirsiniz.
Favorilere Ekleme: Özellikle önemli veya ilginç bulduğunuz çevirileri favorilere ekleyebilirsiniz. Daha sonra sadece favorilere eklenen çevirileri görüntüleyebilirsiniz.
Dinamik Arama: Listede hızlı bir şekilde arama yapmak için dinamik arama özelliğini kullanabilirsiniz. Aradığınız kelimenin veya cümlenin anında bulunmasını sağlar. Her iki dil için de arama yapabilirsiniz.,
Çeviri Düzenleme: Eklediğiniz çevirileri düzenlemeniz gerektiğinde, kolayca düzeltebilirsiniz.
Çeviri Silme: Gereksiz veya yanlış çevirileri rahatlıkla silebilirsiniz.
Kaydetme: Listeye eklenen çevirileriniz otomatik olarak tarayıcıda localstorage üzerine kayıt edilir ve dilediğiniz zaman aynı tarayıcı üzerinden projeye giriş yaparak çevirilerinizi görebilirsiniz.
Mobil Uyumluluk: Mobil uyumluluk sayesinde, hem telefonlarda hem de tabletlerde sorunsuz bir şekilde kullanabilirsiniz.
Kullanım Kılavuzu: Uygulamanın kullanımı hakkında daha fazla bilgi almak isterseniz, kullanım kılavuzunu inceleyebilirsiniz.

Dil öğrenme sürecinizi daha düzenli, verimli ve eğlenceli hale getiren bir projedir. Dil öğrenme deneyiminizi daha keyifli hale getirmek için hemen kullanmaya başlayın!

React

HTML

CSS

İncele

Çeviri Not Defteri

Çeviri Not Defteri'nin ana özellikleri:

Çeviri Ekleyin: Öğrenmek istediğiniz kelimeleri veya cümleleri Türkçe ve İngilizce olarak girerek otomatik olarak bir liste içerisine kaydedin.
Filtreleme ve Arama: Eklediğiniz çevirileri kelime veya cümle olarak filtreleyebilir ve hızlı bir şekilde arayabilirsiniz. Bu, özellikle büyük bir çeviri koleksiyonuyla çalışırken çok kullanışlıdır.
Liste Karıştırma: Liste sırasını kolayca değiştirebilirsiniz. Bu, çevirileri karıştırarak sıralamayı ezberlemenize yardımcı olur.
Çeviri Gizleme ve Gösterme: Çevirileri gizleyebilir ve tahmin etme yeteneğinizi sınayabilirsiniz. İhtiyacınız olduğunda çevirileri yeniden gösterebilirsiniz.
Öğrenilenleri İşaretleme: Bir çeviriyi öğrendiğinizi düşündüğünüzde bunu öğrenildi olarak işaretleyebilirsiniz. Bu sayede sadece öğrendiğiniz çevirileri görüntüleyebilirsiniz.
Favorilere Ekleme: Özellikle önemli veya ilginç bulduğunuz çevirileri favorilere ekleyebilirsiniz. Daha sonra sadece favorilere eklenen çevirileri görüntüleyebilirsiniz.
Dinamik Arama: Listede hızlı bir şekilde arama yapmak için dinamik arama özelliğini kullanabilirsiniz. Aradığınız kelimenin veya cümlenin anında bulunmasını sağlar. Her iki dil için de arama yapabilirsiniz.,
Çeviri Düzenleme: Eklediğiniz çevirileri düzenlemeniz gerektiğinde, kolayca düzeltebilirsiniz.
Çeviri Silme: Gereksiz veya yanlış çevirileri rahatlıkla silebilirsiniz.
Kaydetme: Listeye eklenen çevirileriniz otomatik olarak tarayıcıda localstorage üzerine kayıt edilir ve dilediğiniz zaman aynı tarayıcı üzerinden projeye giriş yaparak çevirilerinizi görebilirsiniz.
Mobil Uyumluluk: Mobil uyumluluk sayesinde, hem telefonlarda hem de tabletlerde sorunsuz bir şekilde kullanabilirsiniz.
Kullanım Kılavuzu: Uygulamanın kullanımı hakkında daha fazla bilgi almak isterseniz, kullanım kılavuzunu inceleyebilirsiniz.

Dil öğrenme sürecinizi daha düzenli, verimli ve eğlenceli hale getiren bir projedir. Dil öğrenme deneyiminizi daha keyifli hale getirmek için hemen kullanmaya başlayın!

React

HTML

CSS

Film ve Dizi Tanıtım Uygulaması (TMDB API)

React Hooks, Context API ve HTML&CSS kullanarak film ve dizi tanıtım sitesi geliştirdim. Film ve dizi verilerini The Movie Database (TMDB) API kaynağından axios kütüphanesi kullanarak çektim. Sayfalandırma yapısı için react-router-dom kullandım. Filmleri kaydırmalı tasarım şeklinde listelerken swiper kütüphanesini kullandım. Bu proje sayesinde birçok kategoride film ve dizileri bulabilir ve detaylarını görebilirsiniz.

Proje içerisinde yer alan özellikler;

Sayfa her yüklendiğinde rastgele bir film seçilir ve gösterilir.
En çok oy alan, popüler ve yaklaşan filmleri görebilirsiniz
Yeni yayınlanan, en çok oy alan ve popüler dizileri görebilirsiniz
Dilediğiniz film veya diziyi arayabilirsiniz
Filmlerin ve dizilerin detaylarını görebilirsiniz

Filmlerin ve dizilerin detaylarında yer alan bilgiler;

Kategori bilgisi
IMDb puanı
Açıklaması
Oyuncuları
Fragman
Benzer Film veya Diziler
Önerilen Film ve Diziler
Yorum Sayısı
Vizyon Tarihi

Projeyi inceleyebilir ve olumlu/olumsuz görüşlerinizi iletebilirsiniz. Gelişmeye ve geliştirmeye her zaman hazırım 😊

React

API

HTML

CSS

JavaScript

GitHub İncele

Film ve Dizi Tanıtım Uygulaması (TMDB API)

Sayfa her yüklendiğinde rastgele bir film seçilir ve gösterilir.
En çok oy alan, popüler ve yaklaşan filmleri görebilirsiniz
Yeni yayınlanan, en çok oy alan ve popüler dizileri görebilirsiniz
Dilediğiniz film veya diziyi arayabilirsiniz
Filmlerin ve dizilerin detaylarını görebilirsiniz

Filmlerin ve dizilerin detaylarında yer alan bilgiler;

Kategori bilgisi
IMDb puanı
Açıklaması
Oyuncuları
Fragman
Benzer Film veya Diziler
Önerilen Film ve Diziler
Yorum Sayısı
Vizyon Tarihi

Projeyi inceleyebilir ve olumlu/olumsuz görüşlerinizi iletebilirsiniz. Gelişmeye ve geliştirmeye her zaman hazırım 😊

React

API

HTML

CSS

JavaScript

İngilizce Kelime Testi Uygulaması

Bu projede, React Hooks ve HTML&CSS kullanarak Ingilizcede ki tüm seviyeler için kelime bilginizi ölçebileceğiniz bir test uygulaması geliştirdim. Uygulamada Ingilizce A1, A2, B1, B2, C1 ve C2 olmak üzere her bir seviye için 20 soruluk bir kelime testi bulunmaktadır.

Test içerisinde her bir soru tek tek gösterilmektedir. Soruyu cevaplamanız için 30 saniye süreniz bulunmaktadır. 30 saniye içerisinde soruda verilen şıklardan birini işaretlemeniz ve diğer soruya geçmeniz gerekmektedir. Süre bitene kadar soruyu cevaplamazsanız cevabınız otomatik olarak boş sayılacak ve diğer soruya geçeceksiniz.

Test içerisinde ilerlemenizi görebilirsiniz. Test bittiğinde testi yüzde kaç oranında doğru cevapladığınızı görebilirsiniz. Tüm cevaplarınızın doğruluğunu kontrol edebilirsiniz. Yanlış cevap verdiğiniz soruyu bularak doğrusunu öğrenebilirsiniz. Her seviyedeki testi çözebilirsiniz.

Testleri kolaydan zora doğru sırayla çözerek kendinizi test edebilir ve Ingilizcenizi geliştirebilirsiniz.

React

HTML

CSS

JavaScript

GitHub İncele

Tic-Tac-Toe (X-O-X) Oyunu

Bu projede, React ve HTML&CSS kullanarak bir tic-tac-toe oyunu yaptım. Oyun X'in sırası ile başlar ve sırayla devam eder. Oyun sonuna kadar kazanan olmaması durumunda berabere biter. Oyunu arkadaşlarınızla oynayarak eğlenebilirsiniz 😊

React

HTML

CSS

JavaScript

İncele

Restoran QR Menu Projesi

Bu projede, React Context ve Hooks kullanarak restoranların veya kafelerin QR menüleri için kullanabileceği bir menü tasarımı geliştirdim. Projenin tasarımını mobil uyumlu şekilde Tailwind CSS kullanarak kodladım. Projeyi hem aydınlık hem de karanlık tema da kullanabilirsiniz. Ayrıca projenin ana rengini istediğiniz gibi değiştirebilirsiniz. Swiper alanının, ürünlerin görsellerinin ve açıklamalarının verilerini kendim JSON formatında oluşturdum.

React

Tailwind

JavaScript

HTML

CSS

İncele

Unsplash API ile Görsel Arama Uygulaması

Bu projede Unsplash API kullanarak React ile görsel arama uygulaması geliştirdim. Girilen input değerine uygun olan görseller unsplash sitesinden çekilerek ekranada gösterilmektedir. API için Axios kütüphanesini kullandım.

Projenin tasarımını da kendim HTML&CSS kullanarak kodladım. Görselleri listelerken column layout kullandım. Tasarımın responsive olmasına önem gösterdim. Projeyi aşağıdaki incele linkine tıklayarak görebilirsiniz.

React

API

HTML

CSS

JavaScript

GitHub İncele

React ile Yapılacaklar Listesi (ToDo List)

Bu projede React (Context,Hooks) ve HTML&CSS kullanarak bir yapılacaklar listesi (todo list) geliştirdim. Eklenen görevleri localStorage üzerine kaydederek verileri tarayıcıda kayıtlı tuttum. Sizde projenin demo linkinden kendi görevlerini ekleyebilir ve dilediğiniz zaman güncelleyebilirsiniz.

Proje içeriği;

Görev Ekleme
Görevlerin durumunu işaretleme (pending/completed)
Görevleri filtreleme
Görev Düzenleme
Görev Silme
LocalStorage ile görev verisini kaydetme

React

JavaScript

HTML

CSS

GitHub İncele

React İle E-Ticaret Web Sitesi

Bu projede React (Context, Hooks) ve HTML&CSS kullanarak bir E-Ticaret sitesi geliştirdim. Ürün ve kategori verilerini dummyjson sitesinden Fetch API kullanarak çektim. Sayfalandırma için React-Router-Dom kullandım. Projenin tasarımını responsive bir şekilde tamamen kendim kodladım. Projeyi aydınlık veya karanlık tema olarak kulanabilirsiniz.

Proje içeriğinde;

Ürünleri kategorilere göre filtreleyebilirsiniz
İstediğiniz ürünü sepete ekleyebilirsiniz
Ürün adetini arttırıp azaltabilirsiniz
Sepet detayını görebilir ve işlem yapabilirsiniz (Ekleme-Azaltma-Silme-Hesaplama)
Sepet verileri LocalStorage üzerine kaydedilmektedir, sayfayı kapatıp açsanız dahi verilerinizi tekrar görebilirsiniz
Ürünleri favorilere ekleyebilirsiniz
Ürün detay sayfasını görüntüleyebilirsiniz
Tıkladığınız ürüne göre benzer ürünleri görebilirsiniz
Aydınlık veya Karanlık tema seçebilirsiniz
Mobil uyumlu olarak kullanabilirsiniz

React

JavaScript

API

HTML

CSS

GitHub İncele

Gerçek Zamanlı Hava Durumu Uygulaması

React ile Openweathermap Fetch API kullanarak gerçek zamanlı bir hava durumu uygulaması geliştirdim. Tasarımı da tamamen kendim HTML&CSS kullanarak tasarladım. İstediğiniz ülke, şehir veya ilçeyi aratarak gerçek zamanlı hava durumu bilgilerini görebilirsiniz. Hava durumunun sonuçlarına göre de uygun görseller de ekledim. Uygulamayı karanlık modda veya aydınlık modda da kullanabilirsiniz.

Aradığınız yer hakkında görebileceğiniz bilgiler:

Sıcaklık
Hava açıklaması
Rüzgar hızı
Algılanan Sıcaklık
Nem

React

JavaScript

API

HTML

CSS

GitHub İncele

YouTube Ana Sayfası Klon

Bu projede, React (Hooks, Context) ve HTML&CSS kullanarak mobil uyumlu YouTube klonu geliştirdim. Projeyi hem karanlık hem de aydınlık modda da görüntüleyebilirsiniz. YouTube gönderiler ve shorts içerikleri için dummy Json verilerini kendim oluşturdum. Sidebar alanını, gönderinin menüsünü ve profil menüsünü açıp kapatabilirsiniz. Projenin canlı linkine ve GitHub linkine aşağıdan ulaşabilirsiniz.

React

JavaScript

HTML

CSS

GitHub İncele

Palindrom Kelime Denetleyici

Palindrom, tersten okunuşu da aynı olan cümle, sözcük ve sayılara denilmektedir. Ada, makam, oto, 101 gibi kelimeler ve sayılar palindrom yapısına örnektir. Ben de bu projemde kullanıcı tarafından girilen verinin palindrom bir yapıya sahip olup olmadığını kontrol eden bir proje geliştirdim. Projeyi canlı test edebilir ve siz de palindrom kelimeleri deneyebilirsiniz.

JavaScript

HTML

CSS

GitHub İncele

Javascript localStorage ile Todo List

Bu projemde JavaScript ile bir yapılacaklar listesi projesi geliştirdim. Projemde localStorage kullanarak verileri kaydettim. Kullanıcı eklediği görevleri bekleniyor/tamamlandı olarak işaretleyebilir ve bu derğerlere göre filtreleyebilmektedir.

JavaScript

HTML

CSS

GitHub İncele

Ayarlanabilir Randevu Takvimi

Bu projede veri tabanı üzerinden düzenlenebilir bir randevu takvimi geliştirdim. Bu randevu takvimi sayesinde bir site üzerinden istenilen gün ve saatte randevu alınabilmektedir. Yapılan randevular bir veri tabanında tutulmakta ve yapıldığı gün ve saatte dolu olarak işaretlenmektedir. Site sahibi randevuların başlangıç ve bitiş saatlerini, randevuyu kapatmak istediği gün ve tarihleri belirleyebilir. Projenin kullanımına ait kodlara ve açıklamalara Github profilimden erişebilirsiniz.

PHP

MySql

HTML

CSS

Bootstrap

GitHub İncele

PHPMailer ile Mail Gönderimi

PHPMailer, PHP ile mail gönderme amacıyla kullanılan en popüler açık kaynak kodlu PHP kütüphanelerinden birisidir. Ben de bu kütüphaneyi kullanarak birçok kurumsal web sitesinde mail gönderimleri için kullandım. PHPMailer kullanımına ait detaylı yazıma buraya tıklayarak erişebilirsiniz.

PHP

HTML

CSS

GitHub

MENÜ

DİL

RENKLER

TEMA

Merhaba!
Ben

PROJELERİM

Projelerim Neler?

💡 Wordora Neler Sunuyor?

💻 Teknolojiler

DENEYİMLERİM

Nerede Çalıştım?

Frontend Developer

Frontend Developer

Frontend Developer (Part-Time)

Stajyer Developer

Web Developer

Freelancer Full Stack Developer

YETENEKLERİM

Neler Öğreniyorum?

ÇALIŞMALARIM

Neler Geliştiriyorum?

Merhaba! Ben

PROJELERİM

Projelerim Neler?

💡 Wordora Neler Sunuyor?

💻 Teknolojiler

Wordora: İngilizce Öğren

💡 Wordora Neler Sunuyor?

💻 Teknolojiler

Diyet Takibim | Danışan Takip Sistemi

CV Oluşturma ve Özelleştirme

Esnaf Vitrinim | Firma Rehberi

Kod Satırım

Diyetisyen Gizem Akbulut

Diyetisyen Almina Meşin

Tüp Bebek Uzmanı için Kişisel Portföy

Sanal Pos Entegreli Danışmanlık Sitesi

Lions Life Yapı İnşaat

Nart Plastik

DENEYİMLERİM

Nerede Çalıştım?

Frontend Developer

Frontend Developer

Frontend Developer (Part-Time)

Stajyer Developer

Web Developer

Freelancer Full Stack Developer

YETENEKLERİM

Neler Öğreniyorum?

ÇALIŞMALARIM

Neler Geliştiriyorum?

Dinamik Kişisel Takvim

Çeviri Not Defteri

Film ve Dizi Tanıtım Uygulaması (TMDB API)

İngilizce Kelime Testi Uygulaması

Tic-Tac-Toe (X-O-X) Oyunu

Restoran QR Menu Projesi

Unsplash API ile Görsel Arama Uygulaması

React ile Yapılacaklar Listesi (ToDo List)

React İle E-Ticaret Web Sitesi

Gerçek Zamanlı Hava Durumu Uygulaması

YouTube Ana Sayfası Klon

Palindrom Kelime Denetleyici

Javascript localStorage ile Todo List

Ayarlanabilir Randevu Takvimi

PHPMailer ile Mail Gönderimi

Merhaba!
Ben