প্রোগ্রাম কার্ডাস - একটি ওপেন সোর্স ব্যক্তিগত সঞ্চয় ব্যবস্থাপনা প্রোগ্রাম

আমি কি তৈরি করেছি

Cardus একটি ওয়েব অ্যাপ যা ব্যবহারকারীদের তাদের জিনিসপত্রের গুদাম তৈরি এবং পরিচালনা করার অনুমতি দেয়। ব্যবহারকারীরা তাদের গুদামে জিনিসপত্র যোগ করতে পারেন এবং দ্রুত চিহ্নিত করতে পারেন কোন বাক্সটি কোন জিনিসপত্র সংরক্ষণ করছে। ব্যবহারকারীরা তাদের গুদাম বা কন্টেইনার অন্যান্য ব্যবহারকারীদের সাথেও ভাগ করে নিতে পারেন, যা তাদের সহযোগিতা করার অনুমতি দেয়।

অ্যাপ লিঙ্ক

ওয়েব: https://cardus-app.vercel.app/

প্লে স্টোর: TBD

বর্ণনা

Cardus অ্যাপ হল একটি ওয়েব অ্যাপ প্রকল্প যা মোবাইল ব্যবহারকারীদের জন্য ওয়েব ডেভেলপমেন্টের সীমা চ্যালেঞ্জ করে। অ্যাপটি Next.js, একটি React ফ্রেমওয়ার্ক দিয়ে তৈরি হয়েছে এবং Vercel এ স্থাপন করা হয়েছে। অ্যাপটি একটি PWA, যা আমরা মোবাইল ডিভাইসে ইনস্টল করতে পারি। অ্যাপটি Trusted Web Activity ব্যবহার করে, যা অ্যাপটি অ্যান্ড্রয়েড ডিভাইসে ইনস্টল করার অনুমতি দেয়। অ্যাপটি Google Cloud Platform ব্যবহার করে ইমেজ সঞ্চয় করার জন্য এবং TensorFlow.js মডেল চালাতে জিনিসপত্র ইমেজগুলিতে স্বয়ংক্রিয়ভাবে অবজেক্ট সনাক্ত করার জন্য।

আমি চাই অ্যাপটি নির্বিঘ্ন হোক, যেমন একটি নেটিভ অ্যাপ। সেখানে অনবোর্ডিং স্ক্রিন, সুন্দর ট্রানজিশন এবং মসৃণ অ্যানিমেশন রয়েছে। অ্যাপটিতে একটি ডার্ক মোডও রয়েছে, যেকোনো আধুনিক অ্যাপের জন্য একটি আবশ্যক।

সোর্স কোডের লিঙ্ক

Cardus অ্যাপ: GitHub Repository

অনুমতিপূর্ণ লাইসেন্স

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 করার পরিকল্পনা করছি যাতে আমরা এটি অ্যান্ড্রয়েড ডিভাইসে ইনস্টল করতে পারি।

পথে অনেক সমস্যা আমরা মুখোমুখি হচ্ছি। একটি সার্ভারলেস ফাংশনের সাথে Google Cloud Storage API ব্যবহার করা কাজ করে। শুধুমাত্র এটি ব্যবহার করে, আমরা ইতিমধ্যে অনেক বাধা মুখোমুখি হচ্ছি। কিছু ফোরাম পড়ে সমাধান করা যেতে পারে; কিছু workarounds প্রয়োজন। ব্যবহারকারীরা কিছু চতুর পছন্দ করে, তাই আমরা অ্যাপটিকে বুদ্ধিমান করে তুলতে চাই। আমরা চাই অ্যাপটি ইমেজে অবজেক্ট সনাক্ত করতে সক্ষম হোক, তাই আমরা TensorFlow.js ব্যবহার করি। আমরা চাই অ্যাপটি QR কোড স্ক্যান করতে সক্ষম হোক, তাই আমরা ZXing ব্যবহার করি।

📝 আমি কি শিখেছি

• একটি ওয়েব অ্যাপ তৈরি করতে Next.js কীভাবে ব্যবহার করবেন

• তথ্য সংরক্ষণ করতে MongoDB Atlas কীভাবে ব্যবহার করবেন

• ইমেজ সংরক্ষণ করতে Google Cloud Platform কীভাবে ব্যবহার করবেন

• ব্রাউজারে মডেল চালাতে TensorFlow.js কীভাবে ব্যবহার করবেন

• অ্যাপটি ইনস্টলযোগ্য করতে PWA কীভাবে ব্যবহার করবেন

• অ্যাপটি অ্যান্ড্রয়েড ডিভাইসে ইনস্টলযোগ্য করতে Trusted Web Activity কীভাবে ব্যবহার করবেন

অতিরিক্ত রিসোর্স/তথ্য

• Next.js

• React

• MongoDB

• Google Cloud Platform

• TensorFlow.js

• PWA

• Trusted Web Activity