Projects

OJS Nutrition

ReactViteReact Router DOMTypeScriptMaterial UIZustandlaze SliderLottieFilesJWT

React, React Router DOM, TypeScript, Blaze Slider, Material UI, Zustand ve JWT gibi modern teknolojiler kullanılarak geliştirdiğim bu alışveriş uygulaması, kullanıcı deneyimini en üst seviyeye çıkarmayı hedeflemektedir. Uygulama, mobil, tablet ve web ekranlarına uyumlu bir tasarım sunmaktadır. Kullanıcılar, JWT ile güvenli bir şekilde giriş yapıp kayıt oluşturabilmektedir. Giriş yapmış kullanıcılar, adres bilgilerini ekleyip düzenleyebilir, ürünleri sepete ekleyip yönetebilir ve geçmiş siparişlerini görüntüleyebilir. Projenin tamamı, global state yönetimi için Zustand kullanılarak optimize edilmiştir. Kullanıcı deneyimini daha da geliştirmek adına tasarım detaylarına önem verilmiş ve tüm temel özellikler başarılı bir şekilde tamamlanmıştır.

Placeholder-React

ReactTypeScriptSCSSBootstrapZustandStyled Components

TypeScript, Bootstrap ve React-Router kullanarak, belirli bir kullanıcıya ait içerikleri (gönderiler ve albümler) gösteren özelleştirilmiş bir Placeholder API klonu geliştirdim. Ayrıca, kullanıcıların gönderileri ve albümleri beğenip localStorage'a kaydetmelerine olanak tanıdım.

To Do List-React

ReactTypeScriptStyled ComponentsMaterial-UIReact-beautiful-dnd

React ve TypeScript kullanarak interaktif bir yapılacaklar listesi uygulaması geliştirdim. react-beautiful-dnd paketini entegre ederek sürükle-bırak işlevselliği ekleyerek kullanıcı deneyimini geliştirdim.

Shopping List

ReactJavaScriptBootstrapStyled ComponentsCSS

JavaScript kullanarak dinamik bir alışveriş listesi uygulaması geliştirdim. Farklı kategorilere göre öğeleri filtrelemek için array metodlarını verimli bir şekilde kullanarak kullanıcıların alışveriş ihtiyaçlarını düzenlemelerini ve yönetmelerini kolaylaştırdım.

Star Wars API

JavaScriptCSSHTML

JavaScript kullanarak dinamik bir Star Wars uygulaması geliştirdim. Bu uygulama, kullanıcı deneyimini geliştirmek amacıyla karakterleri doğdukları gezegenlere göre filtreleme işlevi sunuyor.

Responsive Web Design

HTMLBootstrapSCSS

Bu proje, Figma tasarımını HTML, Sass ve Bootstrap kullanarak koda dönüştürmeyi amaçlamaktadır. Tasarımın görsel olarak çekici olmasına odaklanılmıştır ve proje, bazı teknik detaylarda yardıma ihtiyaç duyulsa da aşırı zorlayıcı olmayan bir projedir.