Flight App

Kısa Açıklama

Bu projede uçuş verilerini listeleyen, filtreleyen ve detay sayfasında gösteren React tabanlı bir flight tracking arayüzü geliştirmişim.

Problem

Uçuş verileri tek başına geldiğinde okunması zor kalıyor. Bu projede kalkış-varış akışı, tarih filtresi, durum bilgisi ve uçuş detaylarını daha düzenli bir arayüzde toplama ihtiyacını çözmeye odaklanmışım.

Çözüm

Uygulamayı React, Redux Toolkit ve React Router ile kurmuşum. API tarafında uçuşları çektikten sonra havayolu, destinasyon ve uçak tipi gibi ek verileri ayrı isteklerle tamamlayıp liste ekranında uçuş saati, şehir-havalimanı bilgisi, aircraft type ve anlık durumla birlikte gösteriyorum. Kalkış ve varış ekranlarını ayırmış, gün seçimini query param üzerinden yönetmiş ve her uçuş için ayrı bir detay sayfası eklemişim.

Sonuç

Ortaya filtreleme ve detay akışı net olan, mobilde de çalışan bir uçuş takip uygulaması çıkmış. Proje API entegrasyonu, çoklu veri isteği yönetimi ve Redux ile ekran durumunu senkron tutma tarafını net şekilde gösteriyor.

Teknolojiler

React, JavaScript, Redux Toolkit, React Router DOM, Axios, date-fns, Tailwind CSS, React Icons, React Spinners, Vite

Kurulum