The latest articles on DEV Community by ngou loic (@loicgeek). https://dev.to/loicgeek https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F227559%2Faee4709f-425c-402e-8fd5-48012f86a072.jpeg https://dev.to/loicgeek en ngou loic Thu, 12 May 2022 09:21:06 +0000 https://dev.to/loicgeek/speed-log-the-app-to-send-parcel-within-persons-3165 https://dev.to/loicgeek/speed-log-the-app-to-send-parcel-within-persons-3165 <h3> Overview of My Submission </h3> <p><strong><code>Speed Log</code>(Speedest Logistics)</strong> is a mobile application that allows user to send parcels within a City in a few click only. Principal features are:</p> <ul> <li><p>User registration and authentification</p></li> <li><p>Sending parcel</p></li> <li><p>Make an offer to carry a parcel</p></li> <li><p>Track a parcel by Scanning the QrCode or by Entering the code manually.</p></li> </ul> <p>The components of Appwrite We used to develop this application are:</p> <ul> <li> <strong>AppWrite Authentification</strong>: User can create an account and register with email in our application.</li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vWOdXbrt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jll9cvb96jkk9ksqsnk6.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vWOdXbrt--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jll9cvb96jkk9ksqsnk6.png" alt="Login Screen" width="880" height="1809"></a> <br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GvTfB_lV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q1yaxob6xekyzaboncc4.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GvTfB_lV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q1yaxob6xekyzaboncc4.png" alt="Register screen" width="880" height="1809"></a> </p> <ul> <li><p><strong>Appwrite Database</strong>: Once the user is registered, We need more informations about the user, so we used this to save users informations, parcels, cities and quarters.</p></li> <li><p><strong>Appwrite Functions</strong>: We created a custom function to send a push notification to users when a new parcel is created, when a new offer for carrying parcel is made and when an offer has been accepted by the sender.</p></li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3ZUhAnRU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o543rw544848cm5lnu7a.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3ZUhAnRU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o543rw544848cm5lnu7a.png" alt="New parcel notification" width="880" height="1809"></a><br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--AgjEokMy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a2ycqy3ldascxj7cgczz.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--AgjEokMy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a2ycqy3ldascxj7cgczz.png" alt="Push ahead notification" width="880" height="1809"></a></p> <ul> <li> <strong>Appwrite Realtime</strong>: Once the user starts delivering a parcel, a background task launch to update the deliverer location continuously so the sender can track the realtime location using the map.</li> </ul> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jYmeoN06--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0x211idv7l2vnph4ppc.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jYmeoN06--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0x211idv7l2vnph4ppc.png" alt="Track parcel in realtime" width="880" height="1809"></a></p> <h3> Submission Category: </h3> <p><strong>Mobile Moguls</strong></p> <h3> Link to Code </h3> <p><a href="https://github.com/loicgeek/speed_log">https://github.com/loicgeek/speed_log</a></p> <h3> Additional Resources / Info </h3> <p>We used firebase to send and receive push notifications in our application, ressources used are: </p> <ul> <li>Firebase: <a href="https://github.com/firebase/flutterfire">https://github.com/firebase/flutterfire</a> </li> <li>NodeJs firebase admin: <a href="https://www.npmjs.com/package/firebase-admin">https://www.npmjs.com/package/firebase-admin</a> </li> </ul> <p><strong>Custom domain:</strong><br> We used our contabo VPS to install appwrite on server.</p> <p><strong>Additional screenshots</strong></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--eQCTUpw2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ngnnkam4z83c98bl7hny.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--eQCTUpw2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ngnnkam4z83c98bl7hny.png" alt="Home page" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dSN_U1ed--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfnmnbzpmf4ecxbkt9v5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dSN_U1ed--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jfnmnbzpmf4ecxbkt9v5.png" alt="User profile page" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--CDkM5yFe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxpl0t4v5e1n8ai6ryr1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--CDkM5yFe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxpl0t4v5e1n8ai6ryr1.png" alt="Waiting parcels" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LcoIos1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v7yvs88bc9husli3f6rw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LcoIos1U--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v7yvs88bc9husli3f6rw.png" alt="Scan parcel Qrcode to complete the delivery" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YZqn42yM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3x8ddpsm4fxx7f0vha3e.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YZqn42yM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3x8ddpsm4fxx7f0vha3e.png" alt="Parcel QRCode" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0yzRj_wv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6emj9q8tvdjgc7nu5bx.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0yzRj_wv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6emj9q8tvdjgc7nu5bx.png" alt="Parcel details" width="880" height="1809"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Ek_2Rcni--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q0ltwv8crlr3pdi262f8.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Ek_2Rcni--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q0ltwv8crlr3pdi262f8.png" alt="Offers list" width="880" height="1809"></a></p> appwritehack flutter