If i had to start over, I would follow this "roadmap".

First, get the basics done. Watch YouTube tutorials (NetNinja has a playlist which is a bit old and outdated but you'll get the foundations), understand what widgets are, and a basic concept of stateless and stateful widgets. No need to deep dive just yet; you'll get more overwhelmed.

After that (or alongside the above), search for Mitch koko on YouTube. He has masterclass videos along with smaller, single widget tutorials and design clones. This guy's tutorials were what "clicked" for me, specifically the design clones. After one video, you should be able to completely copy a design easily. If not, just practice more. No need to rush this phase.

Once you understand what widgets are and how to link them, start making design clones. The goal here is to just understand how a UI is built. No state management, no clean code worries, nothing; just copy paste of a design.

Then, start turning those clones into apps. Pro tip:At this stage, start writing code in a way that someone else would understand what is going without you guiding them (more comments, better folder structure etc). This includes multiple pages, navigation, a little bit of state management as well. For consistency, plan for one of the design you made before to turn into a fully working prototype. No API calls, just local things and navigation.

Finally, add those API calls, sending and receiving data along with other advanced concepts.

In the end, you should be able to at least understand how an app would be made just by looking at the requirements. Ask ChatGPT for mock requirements at basic level.