Skip to main content

Birinchi ilovangizni quring

Bu qo'llanma noldan Vazifa menejeri quradi. Yakunida sizda telefoningizda ishlaydigan ko'p ekranli ilova bo'ladi — ma'lumotlar saqlanadi va dizaynni chat orqali siz shakllantirgansiz.

Nima quryapmiz​

Oddiy, ammo to'liq vazifa menejeri:

  • Vazifalarni kategoriyalar bo'yicha guruhlab ko'rsatadigan bosh ekran
  • Vazifa qo'shish ekrani va vazifa tafsiloti ekrani
  • Chizib tashlash bilan bajarilganlikni kuzatish
  • Toza, minimal dizayn

Boshlashdan oldin​

  • AppX hisobi (Bepul tarifning oyiga 100 krediti bunga yetib ortadi)
  • Telefoningizda o'rnatilgan Expo Go
  • Taxminan 15 daqiqa

1-qadam — Loyihani yarating​

  1. appx.uz'ga kiring
  2. Yangi loyiha tugmasini bosing
  3. Uni "Task Manager" deb nomlang va yarating

Siz loyiha ish maydoniga tushasiz: bir tomonda chat paneli, markazda jonli ko'rib chiqish va istalgan vaqtda ocha oladigan kod ko'rinishi.

2-qadam — Boshlang'ich ilovani generatsiya qiling​

Chat maydoniga ushbu so'rovni joylashtiring va Generatsiya tugmasini bosing:

Create a task manager app with these screens:

1. Home screen - a list of tasks grouped by category (Work, Personal,
   Shopping). Each task shows a title, a category badge, and a checkbox.
   Completed tasks have strikethrough. A floating + button opens the
   add-task screen.

2. Add Task screen - a form with: task title, category picker
   (Work / Personal / Shopping), an optional notes field, and a Save button.

3. Task Detail screen - full task info with edit and delete options.

Use a clean white design with blue as the accent color.
Store tasks locally so they persist between sessions.

AppX uchta ekranni rejalashtiradi, so'ngra har biri uchun kodni yozadi. Sizdan har bir ekran uchun 1 kredit olinadi — va generatsiya qilolmagan har qanday ekran avtomatik qaytariladi, shuning uchun siz faqat muvaffaqiyatli chiqqanlari uchun to'laysiz. Butun jarayon odatda bir daqiqa ichida tugaydi.

tip

So'rovingiz qanchalik aniq bo'lsa, birinchi natija shunchalik yaqin bo'ladi. Ekranlarni, ma'lumotlarni va xohlagan ko'rinishni nomlang — xuddi jamoadoshingizni yo'riqlagandek.

3-qadam — Telefoningizda ko'rib chiqing​

Generatsiya tugaganda, ko'rib chiqish panelida QR kod paydo bo'ladi.

  1. Telefoningizda Expo Go'ni oching
  2. Scan QR Code tugmasini bosing
  3. Uni skanerlang

Vazifa menejeringiz ochiladi. Sinab ko'ring:

  • Vazifa qo'shish uchun + tugmasini bosing
  • Vazifani bajarilgan deb belgilash uchun uni belgilang
  • Tafsilotlarini ko'rish uchun vazifaga bosing

Expo Go'ni ochiq qoldiring — keyin kiritadigan har bir o'zgarish telefoningizda jonli yangilanadi.

4-qadam — Dizaynni takomillashtiring​

Keling, bosh ekranni jilolaylik. Chat panelida Home ekranini tanlang va so'rang:

On the home screen I'd like:
- A greeting at the top like "Good morning 👋"
- A count of completed vs. total tasks for today
- A subtle shadow on the task cards
- Slightly larger task titles

AppX joriy kodingizni o'qiydi va tahrirni qo'llaydi, so'ngra ko'rib chiqishni yangilaydi. Chat tahrirlari qancha ish talab qilishiga qarab o'lchanadi — bunga o'xshash o'zgarish odatda atigi bir yoki ikki kredit, va bitta tahrir ichidagi qayta urinishlar bepul. Yoqdimi? Saqlang. Yo'qmi? Qaytadan so'rang.

5-qadam — Xususiyat qo'shing​

Endi muddat sanalarini qo'shaylik. Add Task ekranini tanlang va so'rang:

Add a due-date picker to the Add Task form, shown as a tappable field
that opens a date picker. On the home screen, show the selected date
next to each task title, and show overdue dates in red.

Bu kattaroq o'zgarish — AppX tanlagichni, sana mantiqini va har ikki ekran bo'ylab stilni boshqaradi.

6-qadam — Biror narsani tuzating​

Telefoningizda muammoni ko'rdingizmi? Shunchaki uni tasvirlang:

The + button is hidden behind the bottom of the screen on my iPhone.
Move it up so it's fully visible above the safe area.

AppX tegishli kodni o'qiydi va aniq tuzatishni qo'llaydi. Xatoni oddiy so'zlar bilan tasvirlash ko'pincha uni o'zingiz qidirib topishdan ko'ra tezroq.

7-qadam — Kodni ko'ring va tahrirlang​

Loyihangizni ko'rib chiqish uchun Code ko'rinishini oching. Siz haqiqiy Expo loyihasini ko'rasiz — app/ ostidagi ekranlar, components/ ostidagi qayta ishlatiladigan qismlar, ranglar kabi umumiy qiymatlar o'z fayllarida.

Hammasi haqiqiy, tekshirib bo'ladigan React Native. Har qanday faylni o'qishingiz, to'g'ridan-to'g'ri tahrirlashingiz mumkin va o'zgarishlar to'g'ridan-to'g'ri ko'rib chiqishingizga oqib o'tadi. Chatdan o'sib chiqqaningizda, kod aynan o'sha yerda sizni kutib turadi.

8-qadam — Uni jo'nating​

Ilovangizdan mamnun bo'lganingizda:

  • Havola ulashing — odamlarga ilovangizning jonli veb ko'rib chiqishini yuboring
  • Kodni eksport qiling — loyihani ZIP sifatida yuklab oling (pullik tariflarda) yoki GitHub bilan ikki tomonlama sinxronlang
  • Do'konlarga nashr eting — App Store va Google Play'ga yuboring. Yo'riqnoma uchun Nashr etish bo'limiga qarang.

Nima o'rgandingiz​

  • Birinchi urinishdayoq yaqin natija beradigan generatsiya so'rovini yozish
  • Dizayn va xususiyatlarni chat orqali takrorlash
  • Muammolarni oddiy so'zlar bilan tasvirlab tuzatish
  • Ilovangiz ortidagi haqiqiy kodni ko'rish va unga egalik qilish

Keyingi qadamlar​

Chat orqali tahrirlash

Tezroq takrorlash uchun ilg'or tahrirlash usullari.

So'rov yozish maslahatlari

Har bir so'rovdan yaxshiroq natija oling.

GitHub integratsiyasi

Loyihangizni repozitoriy bilan ikki tomonlama sinxronlang.

Nashr etish

App Store va Google Play'ga yuboring.