Akbank React Bootcamp Bitirme Projesi

Server'ın Ayağa Kalkabilmesi İçin Gereksinimler

1. navigate to server-side
2. npm install
3. docker-compose up --build

Projeyi Çalıştırmak İçin

1. npm install && npm start

Kimlik Doğrulama

• JWT Auth ile local storage yardımıyla kimlik doğrulanmıştır.

Veri Yönetmek İçin Kullanılan Yöntem

• React Context API.

Kullanılan Teknolojiler

• ReactJS
• Mui
• Axios
• ReactStrap
• React-Beautiful-DnD

Introduction

• Bu projede bir Kanban Board uygulaması geliştirilmesi hedeflenmiştir.
• Projeye giriş yapan kullanıcı eğer bir hesaba sahipse giriş yapabilecek değilse de kolayca yeni bir hesap oluşturabilecektir.
• Yeni bir board oluşturulduğunda ilgili kişiye ait sayfaya yönlendirilecektir.
• Yönlendirilen sayfada list ekleme,card ekleme işlemleri gerçekleşmektedir.
• Card ve Liste güncellenebilir bir yapıdadır.Gerçekleşen güncellemeler API aracılığıyla veritabanında da değerler değiştirilebilmektedir.

Projenin Çalışan Özellikleri

• Kullanıcı Giriş ve Kayıt işlemlerinin yapılabilmesi,
• Kullanıcıya ait boardların listelenmesi ve yeni board oluşturulabilmesi,
• İlgili board'a ait sayfaya gidilerek yeni liste cardların oluşturulabilmesi,
• Oluşturulan cardlara özellikler atanabilmesi ve bunların gösterilmesi,
• Card'a atanan özelliklerin modal aracılığıyla editlenebilmesi ve backend tarafında da güncellenebilmesi,
• List ve cardların drag-drop yapılabilmesi gerçekleştirilmiştir.

Eksik ve Sorunu Olan Gereksinimler

• Oluşturulan yeni board'un isimlendirme isteğinde sıkıntılar yaşanabilmektedir.
• Listler sayfa yenilendiği zaman bazen geç gelebilmektedir.Bu durumda chrome üzerinden ileri-geri yaparak sorun çözülmektedir.
• Güncellenen Card'ın görüntülenmesi için sayfanın yenilenmesi gerekmektedir.
• Card'a ait olan comment,checklist,label ve kullanıcıların çark iconunda listelenme görevi tamamlanamamıştır.

Projeye Ait Ekran Görüntüleri