When it comes to working on a project, I find it best to plan as much as you can before hand before even writing down a single line of code.
Planning out your data architecture and wireframes in advance can help you see the big picture while you’re coding and also guide you when you get stuck. It also helps you see problems/ issues before they even come up.
Here are some tools I use when it comes to planning.
Good ol pen and paper. Mostly accessible, can use it where ever you are. Sometimes the greatest ideas come to us when we’re not at a computer.
Online White Boards
I used to use awwapp but recently I’ve moved onto lucid spark.
It’s a great tool to use on your own, but its really awesome that you can collaborate with others on your digital white board.
This is where i usually plan out my models and their relationships.
For wire frames I love using mockflow.com
You can plan out each page/component with detail in advance. I find it easier to already have an idea of how you want things to look like instead of trying to design everything on the fly.