The latest articles on DEV Community by Deep Mondal (@takeaswing420). https://dev.to/takeaswing420 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%2F1435440%2F13782337-50d1-4559-a3a5-467e64389ed1.png https://dev.to/takeaswing420 en Deep Mondal Sat, 20 Apr 2024 09:46:16 +0000 https://dev.to/takeaswing420/osrelife-a-flutter-lifestyle-web3-app-2mi5 https://dev.to/takeaswing420/osrelife-a-flutter-lifestyle-web3-app-2mi5 <p><iframe width="710" height="399" src="https://www.youtube.com/embed/0n1pLT2S4wk"> </iframe> </p> <h2> Team Details </h2> <p>Me (currently)</p> <h2> Description of Project </h2> <p>Through this app one can earn tokens via challenges, redeem those to get bonuses.</p> <p>We also have Live location tracking during chllenges. The main motive of this project was to build an application similar to <a href="https://www.stepn.com/">STEPN</a> with the exception of users will not have to buy <u>custom sneakers</u> to complete tasks using their own cryptocurrency.</p> <p>Instead, I made an in-app currency named <u>Relife token</u> using openzeppelin ERC20 protocol and all the transactions fee will be covered by the contract deployer.</p> <h2> Marketing Strategy: </h2> <ol> <li><p>We can tie up with companies (like refreshment drink selling and <br> insurance companies) to cover the expenses <strong>in return of their product promotion</strong> to our users during challenges.</p></li> <li><p>I also implemented feature of <strong>staking some coins</strong> as participation fee for certain challenges to ensure integrity.</p></li> <li><p>We can later adopt a <strong>freemium model</strong> if needed with more features.</p></li> </ol> <h2> Submission Track: </h2> <ol> <li>Polygon Ethereum track</li> <li>Rebase Blockchain track</li> </ol> <h2> Overview of My Submission </h2> <p>os.Relife is aiming to connect socially challenged individuals through challenges that earn them "Relife tokens" redeemable for bonuses. Live location tracking enhances engagement. This also covers transaction fees and plans to offset costs via partnerships. The project prioritizes transparency with public code repositories and thorough documentation.</p> <h2> Tech Stack </h2> <p><strong>FrameWorks</strong><br> Flutter<br> Node.js<br> ethers.js</p> <p><strong>Tools</strong><br> Postman<br> <a href="https://openrouteservice.org/">OpenRouteService</a><br> Pinata IPFS</p> <p><strong>Languages</strong><br> Solidity<br> JavaScript<br> Dart</p> <h2> Challenges We Faced </h2> <ul> <li><p>We are returning a private key for security measures(based on the Proof of Knowledge concept)...but if each time while logging into the app, user has to give all the credentials he/she would be intimidated. So I implemented an access token feature.</p></li> <li><p>Initially my plan was to deploy this project on Polygon zkEVM.<br> But owing to deprecation of previous testnet in the start of april and unavailability of test funds I went with Sepolia.</p></li> <li><p>To give user a better experience, web3model has been employed to directly connect to your metamask or any other wallet<br> from the app through deep linking.</p></li> </ul> <h2> Public Code Repo </h2> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/TakeASwing-420"> TakeASwing-420 </a> / <a href="https://github.com/TakeASwing-420/Relife-frontend"> Relife-frontend </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">os.Relife</h1> </div> <p>os.Relife is an app targeted for socially challenged people which will help them get upskill bonuses and incentives by completing challenges.</p> <div class="markdown-heading"> <h2 class="heading-element">Setup</h2> </div> <p>Before starting, please ensure you have set the following environment variables in a <code>.env</code> file:</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto"><pre class="notranslate"><code>API_KEY=your_openrouteservice_api_key JWT=your_jwt_secret_key </code></pre></div> <p><a href="https://openrouteservice.org/" rel="nofollow">Open Route Service</a> <br> I have hosted the server on AWS. If you want to run the server locally, change the <code>baseURL</code> in the <code>dbmshelper.dart</code> file.</p> <div class="markdown-heading"> <h2 class="heading-element">Running the App</h2> </div> <p>After doing so, run the app by executing the following command in your terminal:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>flutter run</pre> </div> <div class="markdown-heading"> <h2 class="heading-element">Contributing</h2> </div> <p>Feel free to contribute to this project by forking it and submitting a pull request. I welcome any improvements or suggestions! Also every plugin used in this project is free and open source.</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/TakeASwing-420/Relife-frontend">View on GitHub</a></div> <br> </div> <br> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--A9-wwsHG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/TakeASwing-420"> TakeASwing-420 </a> / <a href="https://github.com/TakeASwing-420/Relife-backend"> Relife-backend </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">os.Relife</h1> </div> <p>os.Relife is an app targeted for socially challenged people which will help them get upskill bonuses and incentives by completing challenges.</p> <div class="markdown-heading"> <h2 class="heading-element">Setup</h2> </div> <p>Before starting, please ensure you have set the following environment variables in the <code>.env</code> file:</p> <div class="snippet-clipboard-content notranslate position-relative overflow-auto"><pre class="notranslate"><code>PRIVATE_KEY=your_private_key JWT_SECRET=your_jwt_secret_key CONTRARCT_ADDRESS=your deployed contract's address </code></pre></div> <p>Also change the <code>RPCURL</code> in the <code>web3helper.mjs</code> file.</p> <div class="markdown-heading"> <h2 class="heading-element">Running the App</h2> </div> <p>After doing so, run the app by executing the following command in your terminal:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>npm start</pre> </div> <div class="markdown-heading"> <h2 class="heading-element">Contributing</h2> </div> <p>Feel free to contribute to this project by forking it and submitting a pull request. I welcome any improvements or suggestions! Also every plugin used in this project is free and open source.</p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/TakeASwing-420/Relife-backend">View on GitHub</a></div> <br> </div> <br> <h2> Doc proposal </h2> <p>All details and figma template source credits are in the doc.</p> <p><a href="https://docs.google.com/document/d/1-2SMTYZdTMTLJYPSa_-AshxJiqmbLM1idNWm_fiOIMA/edit?usp=drive_link">project proposal</a></p> rebase01 gdsciiitkalyani