Skip to content

219-Akbank-React-Bootcamp/melike-oztekin-bitirme-projesi

Repository files navigation

Patika & Akbank React Bootcamp Bitirme Projesi

Patika & Akbank React Bootcamp final projesi Kanban board uygulaması.

🛠 Kullanılan Teknolojiler

  • Projeyi kendi localinizde çalıştırmak için https://github.com/melikeoztekin/kanban-app.git adresini kopyalayarak terminal üzerinde git clone <kopyalanan-adres> şeklinde projenin bir kopyasını kendi bilgisayarınıza alabilirsiniz.

  • Projede kullanılan tüm paketlerin kurulumu için oluşturulan projeyi editörde açarak terminale npm install yazalım ve paketlerin kurulumunu sağlayalım.

  • Proje reposu içerisinde bulunan patika-kanban-api-master klasörü projemizde kullanmakta olduğumuz backend işlemlerinin yer aldığı dosyadır. Backend dosyasını çalışır duruma getirmek için Docker Desktop uygulamasını kullanmak gerekiyor. Backend klasörü içerisinde terminale docker compose up yazarak projenin containerlarını çalışır duruma getirelim.

  • Son olarak projeyi npm start komutu ile editör terminali yardımı ile canlıya alalım. Artık projemizi tarayıcı üzerinde kullanmaya başlayabiliriz.

✔️kullanıcı kayıt ve giriş

Eğer bir hesabınız varsa, oturum açabilirsiniz. Bir hesabınız yoksa kullanıcı kaydı yapmanız gerekir. Eğer ilk defa bu repo içerisinde bulunan backend dosyasını kullanıyorsanız ilk yapmanız gereken bir kullanıcı kayıt işlemi olmalıdır.

✔️board ekleme, silme, güncelleme

İlk kez giriş yapan bir kullanıcıysanız ilk olarak size bir board eklemek için ilgili kart görünecektir. Ve siz ekleme yaptığınızda eklediğiniz board adını ekrana eklenecektir. Eğer daha önce giriş yaptınız ve board oluşturduysanız karşınıza size ait boardlar listelenir bunlara yeni bir board ekleyebilir, var olan boardu silebilir veya adını değiştirmek istediğiniz boarda düzenle seçeneğini kullanarak yeni bir isim verebilirsiniz.

✔️board içerisine liste ekleme, silme, güncelleme

Boardlarınız listelendiğinde isminin yer altığı kısma tıklayak ilgili board içerisine girebilir burada var olan listelerinizi görüntüleyebilir eğer hiç listeniz yoksa yeni listeler yaratabilirsiniz. Aynı zamanda ilgili listede bulunan dropdown menüden yardım alarak liste adı değiştirme veya silme işlemlerini gerçekleştirebilirsiniz.

Navbar menü üzerinde yer alan çıkış yap butonunu kullanarak kullanıcı hesabından çıkış yapabilirsiniz.

Bir board içerisine girdiğinizde navbar menü üzerinde yer alan Kanban Board App başlığına tıklayarak kişiye ait boardların listelendiği ekrana dönüş yapabilirsiniz.

❌ Eksikler

  • Listeler içerisine kart işlemleri yapılmadı
  • Drag and Drop yapılmadı
  • Kullanıcılar arası paylaşım işlemleri yapılmadı

image image image image

About

Patika Akbank React Bootcamp Final Project - Kanban App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published