Forem: Djamal dos Santos

Kradnoel Flutter Mobile Series : Chapter 01 - Project Structure

Djamal dos Santos — Mon, 29 Jun 2020 11:28:04 +0000

Intro

Hello there, if you're in this page that mean that you decided to give this serie a try - Yay. So I hope you enjoy it.

Project Structure

Having a good project structure is good practise on software development. If you go to google and search for "Flutter project structure" you will find a lot of articles talking about it. The project structure that I use here may not be ideal for you (as assume that you'll use bloc for state managment) but will give you a hint on the best way to structure you code.

After you create a flutter project it appear as show below:

The project structure will start on the lib folder in the flutter project:

From the lib directory, the project is divided in "core" directory, "ui" directory and main.dart

├─ core : The directory where has all the
logic from the project.

├─ ui : The directory where has all the views
(pages) from the project.

├─ main.dart : the main dart file which initialize our project calling the "ui/app.dart" that we will talk later.

From the core directory, the project is divided in "bloc" directory, "data" directory, "shared" directory, and routes.dart & system.dart

├─ bloc : The directory where we put all the bloc files, with the logic of our application.

├─ data : The directory where we put all the models, services that can be used on bloc.

├─ shared: The directory where we put files that configure our fonts (app_fonts.dart), colors app_colors.dart, icons app_icons.dart, global variables (app_global.dart) and more.

├─ routes.dart : File where you configure your routes. [Optional - I use to configure Fluro routes]

├─ system.dart: File where you configure your system behavior. [Optional - I use to configure statusBarColor and more => search on google]

From the ui directory, the project is divided in app.dart and more

├─ app.dart : File where you configure the MaterialApp, Bloc initializaion, Route initializaion.

You can find the code in the Repo below

kradnoel / chapter01_project_structure

Chapter 01 - Project structure on my Flutter Mobile serie articles

chapter01_project_structure

Kradnoel Flutter Dev Serie: Chapter 01 - Project Structure

Set up

Requirements]

Flutter

Local development

Clone this repository and cd into it

git clone https://github.com/kradnoel/chapter01_project_structure.git
cd chapter01_project_structure

Run the project

flutter run

License

MIT

View on GitHub

What are you thoughts on the project structure showed above, let me know commenting this article

Kradnoel Flutter Mobile Serie

Djamal dos Santos — Mon, 29 Jun 2020 11:24:02 +0000

;TLDR

Some months ago (February, 2020 to be specific) I initiated a project on flutter, a Business Card Management for Android (iOS in future) using things like state management, internationalization (i18n), local database, peer-to-peer network to send data. And the serie will show you how to implement some of the things that a learnt while working on the project.

Introduction

I’ve been programming for more than 4 years, from web frontend to backend and mobile (Android) . And in that time I learnt a lot from the Community that I decided is time to give back (at least a little bit :] )
And the other reason to do the serie is that I want to improve my English skills as a non-native English speaker and writer.

Some moths ago (February, 2020 to be specific) I initiated a project on Flutter, a Business Card Managment for Android (iOS in future), which was in My Dev Ideas Notebook (a Real notebook made with Paper) and I decided to give a try. It's realy awesome using stuff like state managment, internacionalization (i18n), local database, peer-to-peer network to send data with help of bluetooth or wifi hotspot.

In the eventuality that the project take much time that I would like to, I decided to give to the community some part of the code that may help using some of the techniques I used in the project.

So I hope you enjoy as much I'm writing this articles.

CovidReportMZ - Get realiable info about Covid-19 on Mozambique the easy way!!!

Djamal dos Santos — Sat, 25 Apr 2020 13:01:39 +0000

What I built

A Covid-19 Aware WebApp. Basically, the user subscribe on the website with phone number and they receive Covid-19 daily stats. This Webapp helps user to be aware of total cases in Mozambique.
I've build an API that use data extracted from the Mozambique Health Institute website (https://covid19.ins.gov.mz) using web scraping technique.
Using Twilio Programmable SMS API, it sends the daily updates to the users via SMS (Mozambique Only) and using Twilio API for WhatsApp + Twilio Autopilot API it send statistics and FAQ's via WhatsApp (Worldwide)

Category Submission: Interesting Integrations

Demo Link

https://covidreportmz.herokuapp.com

Link to Code

Here is a github repo of the project.
https://github.com/kradnoel/CovidReportMZ

How I built it

Stack

Backend: Node.js web server using Express + web scrapping using cheerio + Persistance with Parse
Frontend: Nuxt + Buefy + Javascript
Integration: Programmable SMS Twilio API + Twilio API for WhatsApp + Twilio Autopilot API + Back4app Parse Server
Deployed with Heroku. You can check out the live application here or the live API here

The project is not complete yet but you can check it out. It's been a great experience participating in this hackathon and building a project from an idea to the application. Hope you like it.