Minimalist Todo App

Minimalist Todo App yapılacak işlemlerinizi kolay bir şekilde yönetmek için geliştirilmiştir. Basitçe üye olabilir, yapılacak işlerinizi kaydedebilir daha sonra silebilir ya da tamamlandı olarak işaretleyebilirsiniz.

Modeller Arasındaki İlişki (Entity Relationship)

Modeller (Entity)

• User
• Task

Olmak üzere 2 adet model vardır. User ve Task modelleri arasında ManyToOne ve OneToMany bir ilişki bulunmaktadır.

Nasıl kullanabilirim ?

JPA/Hibernate ile geliştirilmiş Spring Boot projemizde herhangi bir tablo oluşturmanıza gerek yok. Yanlızca bir veritabanı oluşturup "application.properties" dosyasında DataSource kısmının altındaki ilgili bilgileri düzenlemelisiniz.

Projeyi isterseniz herhangi bir IDE yardımıyla çalıştırabilirsiniz istersenizde consol üzerinden çalıştırabilirsinz. Konsol üzerinden kolayca çalıştırmak için;

minimal-todo-app dizinine geçip aşağıdaki komutu çalıştırın.

mvn clean install

BUILD SUCCESS ifadesinin ardından /target klasörü altında todo-app-0.0.1.jar dosyası oluşacak. Bu dizine girip aşağıdaki komutu çalıştırın.

java -jar todo-app-0.0.1.jar

Artık proje localhost:8080 adresinden ulaşılabilir durumda. 🎉 İlgili endpointlere swagger-ui üzerinden ulaşabilirsiniz.

Backend projesinden bağımsız angular projesini çalıştırmak için minimal-todo-app-web-ui dizinine geçip aşağıdaki komutu çalıştırın.

npm install

Ardından ilgili paketler yüklenip node_modules dizini oluştuktan sonra aynı dizin üzerinde kalıp ;

ng serve 

ya da

npm run ng serve

komutlarını çalıştırarak angular projesini ayağa kaldırabilirsiniz.

Artık fronent projesilocalhost:4200 adresinden ulaşılabilir durumda. 🎉

Kullanılan Teknolojiler

• Spring Boot
• Spring Security + JWT
• JPA/Hibernate
• Angular 9 & TypeScript
• PostgreSQL

Ekran Görüntüleri

---

---

---

---

---

---

Sevgiler 💜