Advice Generator App using VueJs + SASS

What are you most proud of, and what would you do differently next time?

I'm rather proud that I've built my first project using Vue JS. It's a junior challenge, so it was perfect for taking baby steps. I first built the entire solution in the main App.vue component, and once I had finished everything, I started refactoring into smaller components by passing props and handling the click event. It was definitely a good approach for me to first build something working and afterwards refactoring. I'm glad I didn't start declaring components first, because then I would have had to switch files all the time.

What challenges did you encounter, and how did you overcome them?

The width of the card challenged me. The design mock-up helped to style everything with static data, but as soon as you start using the API, the data (and width) become dynamic and make everything look all wonky. I worked with width and max-width to solve this.

What specific areas of your project would you like help with?

I thought about implementing a spinner or placeholder of some kind when the fetching the data is in a loading state. Do you think it would have added value?