Program Cardus - Program për Menaxhimin e Ruajtjes Personale me Burime të Hapura

Çfarë ndërtova

Cardus është një aplikacion web që u lejon përdoruesve të krijojnë dhe menaxhojnë depoja e tyre të artikujve. Përdoruesit mund të shtojnë artikuj në depon e tyre dhe të identifikojnë shpejt se cili kuti ruan çfarë gjëje. Përdoruesit gjithashtu mund të ndajnë depon e tyre ose kutinë me përdorues të tjerë, duke i lejuar ata të bashkëpunojnë.

Linku i aplikacionit

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

Play Store: TBD

Përshkrimi

Cardus App është një projekt aplikacioni web që sfidon kufirin e zhvillimit të web-it për një përdorues mobil. Aplikacioni është ndërtuar me Next.js, një kornizë React, dhe është vendosur në Vercel. Aplikacioni është gjithashtu një PWA, që mund ta instalojmë në pajisjet mobile. Aplikacioni gjithashtu përdor Trusted Web Activity, që i lejon aplikacionit të instalohet në pajisjet Android. Aplikacioni gjithashtu përdor Google Cloud Platform për të ruajtur imazhe dhe për të ekzekutuar modele TensorFlow.js për të zbuluar automatikisht objektet në imazhet e artikujve.

Unë dua që aplikacioni të jetë i përsosur, si një aplikacion vendas. Ka ekrane onboarding, kalime të bukura dhe animacione të lëmuara. Aplikacioni gjithashtu ka një modalitet të errët, një gjë e domosdoshme për çdo aplikacion modern.

Linku në Kodin Burimor

Cardus App: Depozitë GitHub

Licenca Permissive

Licenca Apache-2.0

Sfondi

⚡ Problemi

Vështirësia për të etiketuar kutinë e magazinimit
Vështirësia për të ditur ku është kutia e magazinimit
Vështirësia për të ditur se cilat artikuj janë në çfarë magazie

Është sfiduese menaxhimi i depozitës/magazinës personale.

💡 Zgjidhja

Krijo një aplikacion web që u lejon përdoruesve të krijojnë dhe menaxhojnë depoja e tyre të artikujve
Përdoruesit mund të shtojnë artikuj në depon e tyre dhe të identifikojnë shpejt se cili kuti ruan çfarë artikulli
Përdoruesit gjithashtu mund të ndajnë depon e tyre ose kutinë me përdorues të tjerë, duke i lejuar ata të bashkëpunojnë

Si e ndërtova

📚 Shtresa Teknike

Next.js
React
MongoDB
Google Cloud Platform
TensorFlow.js
PWA
Trusted Web Activity

📖 Procesi

Ne filluam duke krijuar një aplikacion Next.js, dhe pastaj krijuam një grup MongoDB Atlas. Donim të komunikonim lehtësisht me MongoDB, kështu që përdorëm ORM me Prisma. Fokusi ynë është një aplikacion web mobil, kështu që ne jemi të shqetësuar vetëm për desktop pas një kohe. Ne e bëjmë atë një PWA, një shirit navigimi në fund, një shirit në krye dhe një modalitet të errët. Ne gjithashtu planifikojmë ta bëjmë atë një Trusted Web Activity në mënyrë që ta instalojmë në pajisjet Android.

Ka shumë probleme që po përballojmë gjatë rrugës. Përdorimi i Google Cloud Storage API me një funksion serverless kërkon punë. Vetëm duke përdorur këtë, ne jemi duke përballuar tashmë një sërë pengesash. Disa mund të zgjidhen duke lexuar një forum; disa kanë nevojë për një zgjidhje alternative. Përdoruesit e duan diçka të zgjuar, kështu që ne gjithashtu duam ta bëjmë aplikacionin inteligjent. Ne duam ta bëjmë aplikacionin në gjendje të detektojë objektin në imazh, kështu që ne përdorim TensorFlow.js për ta bërë këtë. Ne gjithashtu duam ta bëjmë aplikacionin në gjendje të skanojë kodin QR, kështu që ne përdorim ZXing për ta bërë këtë.

📝 Çfarë mësova

Si të përdorim Next.js për të ndërtuar një aplikacion web
Si të përdorim MongoDB Atlas për të ruajtur të dhëna
Si të përdorim Google Cloud Platform për të ruajtur imazhe
Si të përdorim TensorFlow.js për të ekzekutuar modele në shfletues
Si të përdorim PWA për të bërë aplikacionin të instalueshëm
Si të përdorim Trusted Web Activity për të bërë aplikacionin të instalueshëm në pajisjet Android