Establishing that flutter is the thing for me I went through a series of tutorial to understand the nits and grits of Dart as well as development in Flutter.

Everything started off fun and exciting but soon I found myself in a loop of just watching other people code and following their footsteps to achieve the same results they already had and yet after all that not feeling confident that I know anything.

Every week, ‘Widget of the Week’, excited me to push the bounds and get out of this loop of going through the same stuff repeatedly. There was so much that can be achieved than just placing buttons and making them workable.

But all of that lead me to ask the same questions: How to start learning Flutter, effectively? What should be my first project? I was more confused than ever.

Then it hit me rather than searching somewhere else why not start with myself and redo me. 🙂

When I started learning Android I took a Google’s course on Udacity. Which made me do projects leading to the better understanding of Android.

So to better understand Flutter I decided to redesign and code all those projects again (or at least follow their syllabus) and of course take notes and share my experience with all you guys. 😉

Having hope in my heart excitement in my eyes and the sense of adventure I successfully completed my first project Just Java.

Just Java is a single screen coffee ordering app. In the course it was a mean of learning Java (Object Oriented Programming) as well as user interactions and intents etc.

The original Just Java app created in the course

Keeping the same aim in mind (and no prior designing experience) I decided to redesign the entire thing and make it more Fluttery with a good UI experience some simple animations and design. The results are shown below.

The Final Result

Pretty neat!!! (At least for me) 😀

So in the coming couple of days I’ll be recreating this app once again as the current state if the code is – let’s just say messy :P. I also believe that you learn it better when you code the second time as the first time is just copy pasting from stack overflow and other places :D.

You learn it better when you code it the second time

Lucky for you I’ll be tutoring you the entire process so you can make this app or just learn a part that you might find useful.

This is how I have decided to break it down. This might change if needed in the future but just to give a general idea.

Step One: The initial setup of the app.

Step Two: Creating custom cards and layout.

Step Three: Creating custom item widget and toggle selection. part 1

Step Four: Creating custom item widget and toggle selection. part 2

Step Five: Creating a counter multiplier and finalizing.

NOTE: THIS IS NOT GOING TO BE A BEGINNER LEVEL TUTORIAL I’LL BE ASSUMING THAT YOU ALREADY KNOW THE BASICS OF FLUTTER AS WELL AS PROGRAMMING.

I’m truly excited to share my journey with you and hoping to teach you something along the way.

Cheers. ❤

Like to keep me motivated and subscribe to keep up with these and many other useful tech tutorials. 🙂

Feel free to comment below for any query or suggestion. Thankyou.

REFERENCES:

ANDROID BASICS UDACITY: https://www.udacity.com/course/android-basics-nanodegree-by-google–nd803

Why Flutter: https://technotes78.com/2019/05/29/my-journey-from-android-to-flutter/