Program Cardus - Açıq Mənbəli Şəxsi Qənaət İdarəetmə Proqramı

Mən Nə Qurdum

Cardus, istifadəçilərin əşyalar anbarını yaratmasına və idarə etməsinə imkan verən bir veb tətbiqidir. İstifadəçilər anbarlarına əşyalar əlavə edə və hansı qutuda hansı əşyanın saxlandığını tez bir zamanda müəyyən edə bilərlər. İstifadəçilər həmçinin anbarlarını və ya qutularını digər istifadəçilərlə paylaşaraq əməkdaşlıq edə bilərlər.

Tətbiq Bağlantısı

Veb: https://cardus-app.vercel.app/

Play Store: TBD

Təsvir

Cardus App, mobil istifadəçi üçün veb inkişafının sərhədlərinə meydan oxumaq üçün hazırlanmış bir veb tətbiq layihəsidir. Tətbiq React çərçivəsi olan Next.js ilə qurulmuş və Vercel üzərində yerləşdirilmişdir. Tətbiq eyni zamanda PWA-dır, yəni mobil cihazlara quraşdıra bilərik. Tətbiq həmçinin etibarlı veb fəaliyyətindən (Trusted Web Activity) istifadə edir, bu da tətbiqin Android cihazlara quraşdırılmasına imkan verir. Tətbiq həmçinin şəkilləri saxlamaq və TensorFlow.js modellərini işlətmək üçün Google Cloud Platformundan istifadə edir ki, bu da əşyaların şəkillərində obyektləri avtomatik olaraq aşkar edir.

Mən tətbiqin yerli tətbiq kimi hamar olmasını istəyirəm. Başlanğıc ekranları, gözəl keçidlər və hamar animasiyalar var. Tətbiqin həmçinin qaranlıq rejimi də var, bu da hər hansı müasir tətbiq üçün vacibdir.

Mənbə Koduna Bağlantı

Cardus App: GitHub Deposu

İcazə Verilən Lisenziya

Apache-2.0 lisenziyası

Arxa Plan

⚡ Problem

Anbar qutularını etiketləmək çətindir
Anbar qutularının harada olduğunu bilmək çətindir
Hansı anbarda hansı əşyaların olduğunu bilmək çətindir

Şəxsi anbarı/saxlama yerini idarə etmək çətindir.

💡 Həll

İstifadəçilərin öz əşya anbarlarını yaratmasına və idarə etməsinə imkan verən bir veb tətbiq yaratmaq
İstifadəçilər anbarlarına əşyalar əlavə edə və hansı qutuda hansı əşyanın saxlandığını tez bir zamanda müəyyən edə bilərlər
İstifadəçilər həmçinin anbarlarını və ya qutularını digər istifadəçilərlə paylaşaraq əməkdaşlıq edə bilərlər

Necə Qurdum

📚 Texnoloji Yığımları

Next.js
React
MongoDB
Google Cloud Platform
TensorFlow.js
PWA
Etibarlı Veb Fəaliyyəti

📖 Proses

Bir Next.js tətbiqi yaratmaqla başladıq, sonra da MongoDB Atlas klasteri yaratdıq. MongoDB ilə asanlıqla əlaqə qurmaq istəyirdik, buna görə Prisma ilə ORM istifadə etdik. Bizim diqqətimiz mobil veb tətbiqinə yönəlib, buna görə bir müddət sonra yalnız masaüstünü nəzərə alırıq. Onu PWA, aşağı navigasiya çubuğu, üst çubuğu və qaranlıq rejim etdik. Həmçinin onu Etibarlı Veb Fəaliyyəti etməyi planlaşdırırıq ki, onu Android cihazlara quraşdıra bilək.

Yolda qarşılaşdığımız bir çox problem var. Serversiz funksiya ilə Google Cloud Storage API istifadə etmək iş tələb edir. Sadəcə bundan istifadə edərək artıq bir çox maneə ilə qarşılaşırıq. Bəzilərini forum oxumaqla həll etmək olar; bəziləri üçün iş yolu lazımdır. İstifadəçilər ağıllı bir şeyi sevirlər, buna görə tətbiqi ağıllı etmək də istəyirik. Tətbiqin şəkil içərisindəki obyekti aşkar edə bilməsini istəyirik, buna görə bunun üçün TensorFlow.js-dən istifadə edirik. Tətbiqin QR kodu skan edə bilməsini də istəyirik, buna görə bunun üçün ZXing-dən istifadə edirik.

📝 Nələr Öyrəndim

Next.js-dən veb tətbiqi yaratmaq üçün necə istifadə etmək
MongoDB Atlas-dan məlumat saxlamaq üçün necə istifadə etmək
Google Cloud Platform-dan şəkilləri saxlamaq üçün necə istifadə etmək
TensorFlow.js-dən brauzerdə modelləri işlətmək üçün necə istifadə etmək
PWA-dan tətbiqi quraşdırıla bilən etmək üçün necə istifadə etmək
Etibarlı Veb Fəaliyyətindən tətbiqi Android cihazlara quraşdırıla bilən etmək üçün necə istifadə etmək