html, css, js, flexbox

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

I'm trying to stick to vanilla css/js since I have been working in frameworks for years. The challenge was creating the cards dynamically via js vs. manually in html. The idea was that in the long-term, if a user would add/remove social media metrics from the page, the developer won't have to go through each card and update everything. I could have made the data onto one level thinking on it now.

This project really is for a framework as there are other considerations such as scope and long-term upkeep. However, I'm glad that I stuck to using the basic trio.

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

The challenge came from creating the cards dynamically. In order to do this, I created a local array and arranged the information. The challenge came in the wording of how each social counts their metric, i.e, Views,Profile Views, Plays, etc. I decided since the user isn't going to see the code, that the key value would be "views" for each social media. I then just created a string key value called "countType" so that the way to 'count' the metrics was as intended - this would need manual upkeep in the future, but I think this is as minimal as I could make it.

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

Making sure code is readable and functionally working as intended as if to launch to a client.