Flutter GetX Task Todo App Tutorial | App from Scratch Part 1

Welcome to my #Flutter #GetX from Scratch tutorial series. In this video, we will build the fully functional task todo app using the GetX package, and you will learn how to build this completed flutter app from the scratch.

Support me at my Patreon

Udemy Course:

⏱️ Timestamps
00:00 Introduction & Project Demo
04:53 Project Set up
10:11 Extension on double and Color
13:19 Create Icon and Color file
14:18 Get Storage Service
21:53 Task Model & Json Serialization
29:54 Task Provider & Json Encode, Decode
37:28 Task Repository

Resources:

#flutter #getx #todoapp

[nailart-he]

icons:
const personIcon = 0xe491;
const worklcon = 0xe11c;
const movieIcon = 0xe40f;
const sporticon = 0xe4dc;
const travelIcon = 0xe071;
const shoplcon = 0xe59c;

[_deepdas]

CODE FOR THE "extension.dart" file is below ⬇

import
import 'package:get/get.dart';

extension PercentSized on double {
double get hp => (Get.height * (this / 100));
double get wp => (Get.width * (this / 100));
}

extension ResponsiveText on double {
double get sp => (Get.width / 100 * (this / 3));
}

extension HexColor on Color {
/// String is in the format "aabbcc" or "ffaabbcc" with an optional leading "#".
static Color fromHex(String hexString) {
final buffer = StringBuffer();
if (hexString.length == 6 || hexString.length == 7) buffer.write('ff');
buffer.write(hexString.replaceFirst('#', ''));
return Color(int.parse(buffer.toString(), radix: 16));
}

/// Prefixes a hash sign if [leadingHashSign] is set to `true` (default is `true`).
String toHex({bool leadingHashSign = true}) => '${leadingHashSign ? '#' : ''}'
'${alpha.toRadixString(16).padLeft(2, '0')}'
'${red.toRadixString(16).padLeft(2, '0')}'
'${green.toRadixString(16).padLeft(2, '0')}'
'${blue.toRadixString(16).padLeft(2, '0')}';
}

[boqorkareerka]

Awesome 👍👍 i liked your hard work that makes us easy to do apps. From somalia

[protocol]

colors

const purple = Color(0xFF756BFC);
const pick = Color(0xFFF1A39A);
const deepPink = Color(0xFFFA63C6);
const green = Color(0xFF41CF9F);
const yellow = Color(0xFFEEC38E);
const lightBlue = Color(0xFF42A5F5);
const blue = Color(0xFF2B60E6);

[raymondmichael]

Subed today; hoping to learn more from you

Greetings from Tanzania 🇹🇿

[valirjonathan]

Very nice. Thank you. Always helpful tutorial.

[onedev]

I want more videos about creating applications, not just UI )

[marsx]

hello, can you give a link to the getX design pattern document you are looking at? Anyway wonderful work bro. ❤️

[athir]

do I have to subscribe to your patreon to complete this course??

[antonioceasar]

Good day @fullstackSchool, Can you please share the code for your extension file.

[WiseRichieStone]

I have a challenge:
The color of the step progress indicator doesn’t change when I add a new task, who can help me pleasee 😢

[dzakwan_nashif]

Thank you and wow this is soo nice, you're da best, you explaining the method one by one and I understand with it. Nice and thanks for making this good tutorial, I haven't found someone who explain their method as well as this. Once again thank you for your hard work I really appreciate it 👏👏.

[cyclonegamerandcoder]

can you give me the code of extension file
]

[ZainAli-tbqw]

Can you please make a seperate video on implementing mvc architecture in flutter projects?

[mubarakar]

Can you please explain the difference between provider and repository... Thank you

[rizkijuliansyah]

where i can get the pict of mindmaster of getX?

[shivakrishnan]

can i know the missing code missed out in the extensions file?? anyone can help me

[Amanda-drpc]

i am a newbie in programming and my knowledge about this is limited and i wanna learn flutter as i heard that it is a cross platforms. can any one give me [ tips to learn ] ???!, thanks :)

[iw]

I think TaskRepository should be under task folder in services instead of being in storage folder? what you guys think?

[renerentalhes]

hi teacher, could you explain to me why use the operator ?? in dart code?