MyChallanges app is a modern ToDo app. The project I did to reinforce what I learned in the process up to a certain point in the React Native training I received through Patika contributed a lot to my understanding of the logic of the events. If the user has an account on the opening screen of the application, he logs in to his account. If he does not have an existing account, he will be directed to the 'Register' page for registration.
After the user has successfully logged in, the job categories page greets the user.
- If the animals category is selected, the user can add new tasks for their pets from the 'Modal' window opened with the 'Add' button and delete them after the job is completed. At the same time, if he does not want to delete, he can inactivate the task with the 'Completed' button.
- If the Books category is selected, the user can add new reading tasks from the 'Modal' window opened with the 'Add' button, delete them after the task is completed, and update the remaining number of pages by entering the number of pages they have read with the 'Edit' button. At the same time, if he does not want to delete, he can disable the task with the 'Read' button.
- If the 'Home' category is selected, the user can tick the work he has done for each part of the house and mark it as completed. In the 'Home' tab; There are various sections such as kitchen, living room, garden. If the user ticks 'CheckBox', the number of housework on the 'Active job' page is reduced.
- By logging into the 'Plants' category, the user can keep the information about the last time she watered her plant with the 'Water' button.
- In the 'Game' category, I have listed the characteristics of the characters in the 'VALORANT' game, which is very popular today. The user can list the characters in the desired category by filtering them.(such as Duelist, Sentinel...)
- On the 'Bottom Tab', the user can go to the My Profile page and update her profile photo.
- At the same time, the user can access the 'Active Jobs' page on the 'Bottom Tab' and check how many active jobs are left in which category from a general point of view.
Technologies and structures used;
~ Modal - DatePicker - ImagePicker
~ Navigation
~ State and Lifecycle
~ Hooks
~ Context
MyChallanges uygulaması modern bir Yapılacaklar uygulamasıdır. Patika aracılığıyla aldığım React Native eğitiminde belli bir noktaya kadar olan süreçte öğrendiklerimi pekiştirmek için yaptığım proje, olayların mantığını anlamama büyük katkı sağladı. Uygulamanın açılış ekranında kullanıcının hesabı varsa hesabına giriş yapar. Mevcut bir hesabınız yoksa, kayıt için 'Kayıt Ol' sayfasına yönlendirileceksiniz. Kullanıcı başarıyla oturum açtıktan sonra, iş kategorileri sayfası kullanıcıyı karşılar.
- Hayvanlar kategorisi seçilirse kullanıcı, 'Ekle' butonu ile açılan 'Modal' penceresinden evcil hayvanları için yeni görevler ekleyebilir ve iş tamamlandıktan sonra silebilir. Aynı zamanda silmek istemezse 'Tamamlandı' butonu ile görevi devre dışı bırakabilir.
- Kitaplar kategorisi seçilirse kullanıcı, 'Ekle' butonu ile açılan 'Modal' penceresinden yeni okuma görevleri ekleyebilir, görev tamamlandıktan sonra silebilir ve dilerse 'Düzenle' butonuna tıklayarak kalan sayfa sayısını, okuduğu sayfa sayısını girerek güncelleyebilir. Aynı zamanda silmek istemezse 'Okundu' butonu ile görevi devre dışı bırakabilir.
- 'Ev' kategorisi seçilirse kullanıcı evin her bölümü için yaptığı işe tik atarak tamamlandı olarak işaretleyebilir. 'Ana Sayfa' sekmesinde; Mutfak, oturma odası, bahçe gibi çeşitli bölümler bulunmaktadır. Kullanıcı 'CheckBox'u işaretlerse, 'Aktif iş' sayfasındaki ev işi sayısı azalır.
- Kullanıcı, 'Bitkiler' kategorisine giriş yaparak, 'Sula' butonu ile bitkisini en son ne zaman suladığı ile ilgili bilgileri saklayabilir.
- 'Oyun' kategorisinde, günümüzde oldukça popüler olan 'VALORANT' oyunundaki karakterlerin özelliklerini görüntüledim. Kullanıcı istediği kategorideki karakterleri filtreleyerek listeleyebilir.(Duellolist, Sentinel gibi...)
- 'Bottom Tab'da, kullanıcı 'Profilim' sayfasına gidebilir ve profil fotoğrafını güncelleyebilir.
- Aynı zamanda kullanıcı, 'Bottom Tab'dan 'Aktif İşler' sayfasına erişebilir ve genel bir bakış açısıyla hangi kategoride kaç aktif iş kaldığını kontrol edebilir.
Kullanılan Yapılar;
~ Modal - DatePicker - ImagePicker
~ Navigation
~ State and Lifecycle
~ Hooks
~ Context