Bu proje Kayıt Ol, Giriş Yap ve Yapılacaklar Listesi olamak üzere 3 sayfadan oluşmaktadır.
Register sayfası üzerinden kayıt oluşturup. Login sayfası üzerinden giriş yapılabilmektedir. Login sayfasından giriş yapıldıktan sonra yapılacaklar listesi oluşturabileceğimiz Todos sayfasına yönlendirmektedir.
Todos sayfası Yapılacaklar Listesinin oluşturalacağı sayfadır. Bu sayfada todo ekleme, güncelleme ve silme işlemlerini yapabilirsiniz.
Todos sayfasında yapılan ekleme, silme, güncelleme ve todo durumunun değiştiğini bildiren uyarılar bulunmakdır.
Todo eklemek istediğimizde "ADD" butonuna tıkladığımızda yukarıdaki Add To Do modal penceresi karşımıza gelmektedir. Olan todo'lardan birini güncellemek istediğimizde güncelleme iconuna tıkladığımızda Update To Do modal penceresi ve tıkladığımız todo bilgileri ekrana yazılı şekilde gelmektedir ve üzerinde değişiklik yapılabilmektedir. Silme işlemini yapmak istediğimizde çöp kovası iconuna tıkladığımızda bir uyarı modal penceresi gelmektedir. Bu modalı onayladıktan sonra todo silinmektedir.
Bu projenin Frontend'inde React ve Bootstrap kullanılmıştır. Backend'inde Java Spring kullanılmıştır. Database işlemleri için H2-Database ve PostgreSQL kullanılmıştır.
Projeyi bilgisayarınıza kurup çalıştırabilmek için aşağıdaki adımları takip ediniz.
Projeyi Çalıştırabilmek için aşağıdaki adımları takip ediniz.
-
Proje Reposunu Klonlayın
git clone https://github.com/umutcangider/EcodationInternshipProject-ToDoList.git
-
NPM Paketlerini Yükleyin
npm install
-
Java Spring Backend Projesini başlatın.
-
React Frontend Projesini başlatın.
npm start
Projedeki Hangi Database'yi kullanmak istiyorsanız application.properties dosyasından aşağıdaki adımları takip ederek ilgili alanı aktif ediniz.
- PostgreSQL için
spring.jpa.properties.hibernate.jdbc.lob.non_contextual_creation=true
spring.jpa.properties.hibernate.dialect= org.hibernate.dialect.PostgreSQLDialect
spring.datasource.url=jdbc:postgresql://localhost:5432/todolist_database
spring.datasource.username=postgres
spring.datasource.password=root- MySQL için
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.MySQL5Dialect
spring.datasource.url=jdbc:mysql://localhost:3306/todolist_database?createDatabaseIfNotExist=true&autoReconnect=true&useSSL=false
spring.datasource.username=root
spring.datasource.password=rootIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.
Umutcan Gider - Linkedin - umtcngdr@gmail.com
Project Link: https://github.com/umutcangider/EcodationInternshipProject-ToDoList