https://github.com/yusufdagdeviren/todolistreactproject

Bu projede Props, Component, State ve Lifecycles gibi React konularıın pekiştirilmesi amacıyla yapılacaklar listesi mini projesi yapıldı.
https://github.com/yusufdagdeviren/todolistreactproject

css front-end frontend react react-components react-life-cycle react-props react-state todo todo-list todoapp todolist turkish

Last synced: 7 months ago
JSON representation

Bu projede Props, Component, State ve Lifecycles gibi React konularıın pekiştirilmesi amacıyla yapılacaklar listesi mini projesi yapıldı.

• Host: GitHub
• URL: https://github.com/yusufdagdeviren/todolistreactproject
• Owner: YusufDagdeviren
• Created: 2023-02-04T23:03:27.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-04T23:08:20.000Z (about 3 years ago)
• Last Synced: 2025-03-10T19:36:08.719Z (11 months ago)
• Topics: css, front-end, frontend, react, react-components, react-life-cycle, react-props, react-state, todo, todo-list, todoapp, todolist, turkish
• Language: JavaScript
• Homepage:
• Size: 517 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Create React Uygulamasına Başlarken

Bu proje [Create React App](https://github.com/facebook/create-react-app) ile başlatıldı.

## Kullanılabilir Komut Dosyaları

Proje dizininde şunları çalıştırabilirsiniz:

### `npm start`

Uygulamayı geliştirme modunda çalıştırır.\

Tarayıcınızda görüntülemek için [http://localhost:3000](http://localhost:3000) açın.

## Uygulama Hakkında

Bu projede Props, Component, State ve Lifecycles gibi React konularıın pekiştirilmesi amacıyla yapılacaklar listesi uygulaması yapıldı. Uygulamanın özelliklerine bakalım.

### Ana Ekran

![All Page](images/allpage.png)

---

### Aktif Yapılacaklar

![Active Page](images/activepage.png)

---

### Tamamlananlar

![Completed Page](images/completedpage.png)

---

### Görev Silme işlemleri

![Delete Task](images/deletetask.png)

***Görev Silindikten Sonra***

![After Delete Task](images/afterdeletetask.png)

---

### Tamamlanan Görevleri Silme

![Clear Completed](images/clear.png)

***Tamamlanan Görevleri Sildikten Sonra***

![After Clear](images/afterclear.png)

---

### Tüm Görevleri Yapıldı Olarak İşaretleme

![All Inactive](images/allinactive.png)

***Tüm Görevleri Yapıldı Yaptıktan Sonra***

![After All Inactive](images/afterallactive.png)

**Not:**

- Veriler LocalStorage'a atılmıyor bu yüzden sayfa yenilendikten sonra tüm yapılacaklar siliniyor ileriki günlerde LocalStorage'a atılan versiyonuyla tamamlayabilirim.