Movie-SPA, OMDB API kullanarak dizi ve film verilerini çeken ve gösteren bir uygulamadır.
Canlı demo: https://movie-spa-omdb.netlify.app/
Aşağıdaki adımları izleyerek projeyi yerel bir geliştirme ortamında başlatabilirsiniz.
-
Bağımlılıkları Yükleyin: Proje klasöründe aşağıdaki komutu çalıştırarak gerekli bağımlılıkları yükleyin:
yarn
-
Geliştirme Sunucusunu Başlatın: Development sunucusunu başlatmak için aşağıdaki komutu kullanın:
yarn dev
Bu komut, Vite geliştirme sunucusunu başlatacak ve uygulamanızı
http://localhost:5173
adresinde görüntüleyebilirsiniz. -
Uygulamayı Derleme: Uygulamayı derlemek için aşağıdaki komutu kullanabilirsiniz:
yarn build
- React: Kullanıcı arayüzü oluşturmak için kullanılan kütüphane.
- Redux Toolkit: State yönetimi için kullanılan kütüphane.
- Ant Design (Antd): Şık ve kullanıcı dostu arayüz bileşenleri sağlayan bir kütüphane.
- Axios: HTTP istekleri yapmak için kullanılan bir kütüphane.
- lodash: Yardımcı veri işleme işlevleri sağlayan bir yardımcı kütüphane.
- React Router: Sayfa yönlendirmesi (Routing) için kullanılan bir kütüphane.
- Framer Motion: Animasyonlar için kullanılan bir kütüphane.