Notes

This is my attempt to create a recipe chatbot using Sveltekit and wit.ai. The first thing to do is create the interface. I'm using this snippet as starting point.

• 1
  • Bouncing Dots. There's a lot for me to unpack in the CSS here. I'm unfamiliar with flex layouts, so I'm studying this page.
  • The animation portion seems relatively straight forward, but I looked up
  • some of parameters on the MDN (Mozilla Developer Network) site above.
• 2
  • Though this is for jQuery, I like the composition of this chatbot interface a bit more, so we'll use it in conjunction with the svelte example.
  • I've learned a lot about CSS for instance the fr unit and the vh unit.
  • This tutorial helped me create a better CSS flexbox.
• 3
  • It appears that the current set up for replit and vite do not allow form posts due to CSRF concerns. I've been unable to solve those because I can't find the appropriate origin and destination. However, I can get around this with the node adapter for sveltekit. Depending on my patience I may try and tinker with the vite issue more in the future (though I've already spent 4-6 hours on it already).
• This helped me understand how to start installing packages and removing them across node version mismatches.
• This may solve my input problems.
  • Actually I didn't need it, because I had an error blocking the input update, which masked the bug I was trying to fix. Turns out the component binding worked as expected the first time out.
  • While exploring ideas for layouts that leverage better design skills than mine (i.e. a computer's), I found this site for logo design. It doesn't seem to have the - "you can design a logo but can't use it until you pay" bullshit attached to it.
• This is an extremely well written tutorial on sveltekit, SASS, and markdown support.