Here is my simple systematic workflow that works for me:
What @ben has written is pretty similar to mine with small variations (maybe we have similar mindsets, Ben 😄).
My main "brain organizer" is writing.
Having tons of ideas is the norm (I think). The trick is to say "NO" to some of them, and write the rest.
For me, writing isn't only for keeping notes, but also for clarifying & organizing the random thoughts I have in mind.
1. Start with the main goal: why am I doing this?
Writing the goal is much similar to writing user stories (As a X I want to Y so that I can Z).
In your case of creating a personal website, maybe a line like:
I want to create my personal website so that it increases my online presence.
The list could go on and on for extra features, such as:
I want to add a list of projects in my website to...
2. Thinking about the steps that need to be done.
The order of steps does not matter, they can order them later. And of course, any step that has no value to the main goal should be deleted.
If more reading/researching is necessary (which is totally the norm in developer life), I add a nested step.
I also collect links to resources (videos, readings... etc) at this step.
3. Now comes the grind.
I start "doing" in the same order of steps that I wrote earlier. While I'm working on some steps, I can re-order the steps or add more steps as needed (absolutely normal, as long as the extra steps serve the main goal).
I manage all that in Notepad++, super handy and simple. You can use Notion too (all my frontend friends prefer Notion).
Here goes an example in your case, I recorded a quick video on the fly of my thoughts flow (writing, grouping, and re-ordering ideas):
Side note for the colors:
I'm more into backend. I've gone recently through these two videos to find colors for small React apps, and they worked for me:
Here is my simple systematic workflow that works for me:
What @ben has written is pretty similar to mine with small variations (maybe we have similar mindsets, Ben 😄).
My main "brain organizer" is writing.
Having tons of ideas is the norm (I think). The trick is to say "NO" to some of them, and write the rest.
For me, writing isn't only for keeping notes, but also for clarifying & organizing the random thoughts I have in mind.
1. Start with the main goal: why am I doing this?
Writing the goal is much similar to writing user stories (As a X I want to Y so that I can Z).
In your case of creating a personal website, maybe a line like:
The list could go on and on for extra features, such as:
2. Thinking about the steps that need to be done.
The order of steps does not matter, they can order them later. And of course, any step that has no value to the main goal should be deleted.
If more reading/researching is necessary (which is totally the norm in developer life), I add a nested step.
I also collect links to resources (videos, readings... etc) at this step.
3. Now comes the grind.
I start "doing" in the same order of steps that I wrote earlier. While I'm working on some steps, I can re-order the steps or add more steps as needed (absolutely normal, as long as the extra steps serve the main goal).
I manage all that in Notepad++, super handy and simple. You can use Notion too (all my frontend friends prefer Notion).
Here goes an example in your case, I recorded a quick video on the fly of my thoughts flow (writing, grouping, and re-ordering ideas):
I'm more into backend. I've gone recently through these two videos to find colors for small React apps, and they worked for me:
youtube.com/watch?v=KMS3VwGh3HY
youtube.com/watch?v=mq8LYj6kRyE
I also found this one to save my time of finding the correct shades:
uicolors.app/
Have a nice journey with your project, and welcome to DEV 👋