Alright so I have decided to re structure the original website that I created with just plain HTML/CSS and JavaScript to now use React! I want to know everyone's opinion on how I should approach this project since I haven't been able to make much progress with it from being so distracted by all the cool effects that you can do with JavaScript and CSS. I want to change my approach for how I build this instead of trying to code things out first and not write down the basics of the website or the web flow. Here are the following questions I am curious to know what everyone thinks

Is it worth keeping my adobe cloud subscription for this project?

if Yes to the previous question what are the best practices for utilizing adobe into building my personal website?

Is it worth while to take the time to mock out the design first before doing any coding? Or should I do basic web flow first before mocking up?

I love using figma but I also really want to tryout adobe XD but want to know if I should stick to figma or test the waters with adobe XD

What are good resources to use for making my website responsive?