Kard Programma - açyk kodly şahsy halas etmek planlaryny dolandyrmak üçin programma

Men döreden zatlar

Cardus, ulanyjylara özüniň haryt ammarlaryny döretmäge we dolandyrmaga mümkinçilik berýän web-programmadyr. Ulanyjylar ammarlaryna harytlary goşup, haýsy gutuda haýsy zat saklanýandygyny çalt kesgitläp bilerler. Ulanyjylar ammarlaryny ýa-da gutularyny beýleki ulanyjylar bilen paýlaşyp, hyzmatdaşlyk edip bilerler.

Programma Bağlanyşygy

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

Oýun Dükany: TBD

Açyklama

Cardus App, mobil ulanyjy üçin web-programmirleme çäklerini synamak üçin döredilen web-programma proýektidir. Programma React çärçewesi bolan Next.js bilen gurlup, Vercel-de ýerleşdirilendir. Programma şeýle-de mobil enjamlara gurnap bolýan PWA-dyr. Programma şeýle-de Android enjamlara gurnap bolýan Ynamyly Web Emeliýatyny ulanýar. Programma şeýle-de suratlary saklamak we haryt suratlaryndaky obýektleri awtomatlaşdyryp anyklamak üçin TensorFlow.js modellerini işletmek üçin Google Bulut Platformasyny ulanýar.

Menden programma, milli programma ýaly, kemsiz bolmagyny isleýärin. Ony başlaýyş ekranlary, gözel geçişler we ýumşak animasiýalar bar. Programmada şeýle-de häzirki zaman programmalarynyň hemmesine gerek bolan gara reňkli rejim bar.

Goşmaça Maglumatlar/Habarlar

Arkalary

⚡ Problem

Saklanyş gutusyna ýazgy goýmak kyn
Saklanyş gutusyň haýdadigini bilmek kyn
Harytlaryň haýsy saklanyşdadigini bilmek kyn

Şahsy ammary/saklanyşyny dolandyrmak kyn.

💡 Çözgüt

Ulanyjylara öz haryt ammarlaryny döretmäge we dolandyrmaga mümkinçilik berýän web-programma döretmek
Ulanyjylar ammarlaryna harytlary goşup, haýsy gutuda haýsy haryt saklanýandygyny çalt kesgitläp bilerler
Ulanyjylar ammarlaryny ýa-da gutularyny beýleki ulanyjylar bilen paýlaşyp, hyzmatdaşlyk edip bilerler

Men nädip döretdim

📚 Tehniki Toplum

Next.js
React
MongoDB
Google Bulut Platformasy
TensorFlow.js
PWA
Ynamyly Web Emeliýaty

📖 Proses

Biz Next.js programmasyny döretmek bilen başladyk we soňra MongoDB Atlas klasterini döretdik. Biz MongoDB bilen ýeňil-ýeňil gatnaşyk etmek isledik, şonuň üçin Prisma bilen ORM ulandyk. Biziň ünsümiziň merkezi mobil web-programma, şonuň üçin biz bir müddetden soň stolyňky programma barada alada etmeýäris. Biz ony PWA, aşak nawigasiýa paneli, ýokary panel we gara reňkli rejim edýäris. Biz ony Android enjamlara gurnap bolýan Ynamyly Web Emeliýaty edip etmek hem meýilleşdirýäris.

Ýolda köp kynçylyklar bilen ýüzbe-ýüz bolýarys. Google Bulut Saklanyş API-ni serversiz funksiýa bilen ulanmak iş talap edýär. Diňe şuny ulanmak bilen bile, biz eýýäm köp päsgelçilikler bilen ýüzbe-ýüz bolýarys. Käbirleri forumy okamak bilen çözülýär; käbirleri bolsa çözgüt talap edýär. Ulanyjylar akylly zada höweslenýärler, şonuň üçin biz programmany akylly etmek hem isleýäris. Biz programmany suratdaky obýekti anyklamak üçin ýeterlik etmek isleýäris, şonuň üçin biz bu iş üçin TensorFlow.js ulanýarys. Biz programmany QR kody skan etmek üçin ýeterlik etmek hem isleýäris, şonuň üçin biz bu iş üçin ZXing ulanýarys.

📝 Men näme öwrendim

Web-programmany gurmak üçin Next.js-i nädip ulanmalydygyny
Maglumatlary saklamak üçin MongoDB Atlas-y nädip ulanmalydygyny
Suratlary saklamak üçin Google Bulut Platformasyny nädip ulanmalydygyny
Browserde modeller işletmek üçin TensorFlow.js-i nädip ulanmalydygyny
Programmany gurnap bolýan etmek üçin PWA-ny nädip ulanmalydygyny
Programmany Android enjamlara gurnap bolýan etmek üçin Ynamyly Web Emeliýatyny nädip ulanmalydygyny