منتشر شده در

برنامه Cardus - د آزادې سرچینې سره د شخصي انبار اداره کولو برنامه

نویسندگان

هغه څه چې ما جوړ کړل

کارډس یوه ویب اپلیکیشن ده چې کاروونکو ته اجازه ورکوي چې خپل انبار د توکو جوړ او اداره کړي. کاروونکي کولی شي توکي خپل انبار ته اضافه کړي او په چټکۍ سره پیژني چې کوم بکس څه شی ذخیره کوي. کاروونکي کولی شي خپل انبار یا کنټینر له نورو کاروونکو سره شریک کړي، چې دوی ته اجازه ورکوي چې همکارۍ وکړي.

اپلیکیشن لینک

ویب: https://cardus-app.vercel.app/

پلې سټور: TBD

توضیحات

کارډس اپلیکیشن یو ویب اپلیکیشن پروژه ده چې د ګرځنده کاروونکي لپاره د ویب پراختیا حد ته ننګونه کوي. اپلیکیشن د Next.js سره جوړ شوی، چې یو React چوکاټ دی، او په Vercel کې ځای پرځای شوی. اپلیکیشن هم یو PWA دی، چې موږ کولی شو په ګرځنده وسیلو کې نصب کړو. اپلیکیشن هم د Trusted Web Activity کاروي، چې اپلیکیشن ته اجازه ورکوي چې په Android وسیلو کې نصب شي. اپلیکیشن هم د Google Cloud Platform کاروي ترڅو انځورونه ذخیره کړي او د TensorFlow.js ماډلونه په کار واچوي ترڅو په اتوماتيک ډول په توکو انځورونو کې شیان کشف کړي.

زه غواړم چې اپلیکیشن بې دریغه وي، لکه یو اصلي اپلیکیشن. د نوي پیل شوي کاروونکو لپاره سکرینونه، ښکلي لیږدونه او نرم انیمیشنونه شته دي. اپلیکیشن هم یو تیاره حالت لري، چې د هر عصري اپلیکیشن لپاره اړین دی.

لینک د سرچینې کوډ ته

کارډس اپلیکیشن: GitHub ریپوزټوري

اجازه لیک

Apache-2.0 جواز

پس منظر

⚡ ستونزه

  • د ذخیره بکس لپاره لیبل کول ستونزمن دي

  • د ذخیره بکس ځای پوهیدل ستونزمن دي

  • پوهیدل ستونزمن دي چې کوم توکي په کوم ذخیره کې دي

د شخصي انبار/ذخیره اداره کول ستونزمن دي.

💡 حل

  • د ویب اپلیکیشن جوړول چې کاروونکو ته اجازه ورکوي چې خپل انبار د توکو جوړ او اداره کړي

  • کاروونکي کولی شي توکي خپل انبار ته اضافه کړي او په چټکۍ سره پیژني چې کوم بکس څه شی ذخیره کوي

  • کاروونکي کولی شي خپل انبار یا بکس له نورو کاروونکو سره شریک کړي، چې دوی ته اجازه ورکوي چې همکارۍ وکړي

څنګه ما دا جوړ کړل

📚 تخنیکي سټیک

  • Next.js

  • React

  • MongoDB

  • Google Cloud Platform

  • TensorFlow.js

  • PWA

  • Trusted Web Activity

📖 پروسه

موږ د Next.js اپلیکیشن جوړولو سره پیل وکړ، او بیا موږ د MongoDB Atlas کلسټر جوړ کړ. موږ غوښتل چې په اسانۍ سره د MongoDB سره اړیکه ونیسو، نو موږ د Prisma سره ORM وکاروله. زموږ تمرکز یو ګرځنده ویب اپلیکیشن دی، نو موږ یوازې وروسته د ډیسټاپ په اړه اندیښنه لرو. موږ دا د PWA، یو ټیټ نیویګیشن بار، یو لوړ بار او یو تیاره حالت جوړوو. موږ هم پلان لرو چې دا یو Trusted Web Activity جوړ کړو ترڅو موږ دا په Android وسیلو کې نصب کړو.

ډیری ستونزې شته چې موږ یې په لاره کې سره مخ یو. د Google Cloud Storage API کارول د سرور لیس فنکشن سره کار ته اړتیا لري. یوازې د دې کارولو سره، موږ لا دمخه د ډیری خنډونو سره مخ یو. ځینې ​​یې د فورم لوستلو سره حل کیدی شي؛ ځینې ​​یې د حل لارې ته اړتیا لري. کاروونکي څه شی ښکلې خوښوي، نو موږ هم غواړو چې اپلیکیشن هوښیار کړو. موږ غواړو چې اپلیکیشن د انځور کې شی کشف کړي، نو موږ د TensorFlow.js کاروو ترڅو دا وکړو. موږ هم غواړو چې اپلیکیشن د QR کوډ سکین کړي، نو موږ د ZXing کاروو ترڅو دا وکړو.

📝 څه چې ما زده کړل

  • څنګه د Next.js کارولو سره یو ویب اپلیکیشن جوړ کړو

  • څنګه د MongoDB Atlas کارولو سره ډاټا ذخیره کړو

  • څنګه د Google Cloud Platform کارولو سره انځورونه ذخیره کړو

  • څنګه د TensorFlow.js کارولو سره ماډلونه په براوزر کې پرمخ بوځو

  • څنګه د PWA کارولو سره اپلیکیشن نصب کړو

  • څنګه د Trusted Web Activity کارولو سره اپلیکیشن په Android وسیلو کې نصب کړو

اضافي سرچینې/معلومات

بحث در توییتر

شریکول