Planet SvelteKit!

edit: fixed live link (renamed the netlify url)

Well this was quite the project! Before I elaborate on anything just a few todos I have left for this living repository:

• improve accessibility (this is currently a weak point for me and now that I have the site essentially functionally complete I can go through and work on making the components and interactions perfect)
• disable invalid routes (I'll probably fix this tonight but I forgot to use sveltekit hooks to ensure that people can only visit planet/[planet] routes since currently navigating to the base will just show a blank page and some undefined footers.
• make planet size a little better. I want to base it on the radius of the actual planet but being an active duty soldier and dad has me pressed for time so I wanted to get a solution up to get feedback that was functionally complete and work on those little wants as I have the time.

##More For some reason I originally thought the way to go was going to be making the entire thing in html/css first (design that is). When I had almost everything done a friend pointed out that I wasn't componentizing things like I should, which caused me to go back and (still without sveltekit) use sass partials. After an hour or so my brain finally started working and I came to realize if I'm componentizing them anyways I may as well do it within the framework I planned on using. Wasting my own time is about the best learning experience I can get so just in this stumbling process alone I feel like I learned a lot I can take on to the next project.

I've also come to the realization that I'm so excited to jump in to the code that I rush (or skip) a good planning phase to figure out what elements of html/css I'm going to need, how I should approach components, and ways to prevent overcomplicating the overall code flow of the project. On the next project I hope to slow way down and go with a functional first approach and do the styling after in an effort to keep styling away from components so they are more universal and reusable in the future. I may stick with SvelteKit but I'm leaning towards using React (likely with NextJS/13) and switching between the two in order to maintain different development skills as I attempt to move into the industry.

I'm new to the world of web development. I've done the tutorials for Svelte and SvelteKit and following a tutorial for a todo app using Svelte a little while back. I've completed some free coding bootcamp stuff for typescript and javascript so I went that route.

I definitely want to know if I'm doing things I shouldn't be doing - in any regard be it CSS, HTML, JS, Svelte, SvelteKit, etc.