- NextJs ve Typescript kullanılarak listeleme ve detaydan oluşan bir uygulama geliştirilmelidir.
- Geliştireceğiniz uygulamadaki dataları herhangi bir fake json service kullanarak geliştirme yapabilirsiniz.
Örneğin:
Pokemon Api
Uygulama bir listeleme ve bir detay sayfasından oluşmalıdır.
Uygulama içerisinde kullanılacak sabit değerler environment bazlı tutulup ve environmente göre değişiklik gösterebilir olmalıdır.
- Route yapısı isteğe bağlı belirleyeceğiniz bir patternde olabilir.
Örneğin:
/pokemon-list
/pikhacu-detail
- UI için isteğe bağlı seçmiş olduğunuz bir Framework kullanabilirsiniz. (EmotionUI, Bootstrap, Styled-Component)
- API Call için Axios kullanılmalıdır.
- Global State Management için Redux veya ContextAPI kullanabilirsiniz.
- Listeleme sayfası maksimum 10 adet (bu değer environment bazlı değişebilir) listelemelidir ve pagination olmalıdır.
- Detay sayfasının tasarımını ve yerleşimini isteğe bağlı geliştirebilirsiniz.
Çalışmanın Tamamlanması:
Çalışma tamamlandığında bu codebase'i kişisel git repository'sine aktarmanız, çalışma bitiminde de bu repository adresiyle paylaşmanız beklenecektir.
- Proje oluşturuldu
- Gerekli paketler yüklendi
- Proje dizin yapısı oluşturuldu
- Fake json servisi oluşturuldu
- Listeleme sayfası oluşturuldu
- Detay sayfası oluşturuldu
- Route yapısı oluşturuldu