Code Monkey home page Code Monkey logo

mychallanges's Introduction

MyChallanges

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.

  1. 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.
  2. 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.
  3. 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.
  4. By logging into the 'Plants' category, the user can keep the information about the last time she watered her plant with the 'Water' button.
  5. 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...)
  6. On the 'Bottom Tab', the user can go to the My Profile page and update her profile photo.
  7. 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.

  1. 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.
  2. 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.
  3. '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.
  4. Kullanıcı, 'Bitkiler' kategorisine giriş yaparak, 'Sula' butonu ile bitkisini en son ne zaman suladığı ile ilgili bilgileri saklayabilir.
  5. '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...)
  6. 'Bottom Tab'da, kullanıcı 'Profilim' sayfasına gidebilir ve profil fotoğrafını güncelleyebilir.
  7. 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

mychallanges's People

Contributors

hazineren avatar

Stargazers

Yunus emre Salcan avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.