All solutions

• 
  Submitted 3 months ago

  Recipe Page

  • HTML
  • CSS

  0

  40

  ---

  One thing I am interested in knowing is...

  If we turned the recipe page into more of a web app, where users can upload their own Recipes, how would you structure the data? In Astro, it looks like we could pull the Markdown or HTML representation of the recipe, and apply some rendering on top of it. However, I am curious to hear what type of data structure would be used to force a clean consistent structure between recipes.

  e.g.

  recipe: { 
    title: string,
    description: string,
    preptime: string, // expect markdown and apply the purple styling on here
    ingredients: string,
    instruction: string,
    nutrition: array
  

  Would this be on the right track? Is it over engineered? Any feedback would be appreciated! Thanks

• 
  Submitted 3 months ago

  Social Links Profile

  • HTML
  • CSS

  1

  30

  ---

  Would like to hear some opinions on the way I componentized the social profile. The idea is the data could be managed somewhere and updated without any updates needed for the UI

  A slightly modified version of the component from the code:

• 
  Submitted 3 months ago

  Blog Preview Card

  • HTML
  • CSS

  1

  50

  ---

  If anyone has any hints on how to truncate the edges of the image, I would like to hear the secret behind the magic trick :)

  Thanks for reading!

• 
  Submitted 3 months ago

  Initial QR Code Challenge

  • HTML
  • CSS

  1

  30

  ---

  If you have time to leave a comment, I would like to hear what you think about the most "lightweight" way to get a simple demo app like this up and ready.

  Building muscle memory around getting a quick demo app up and running could be very helpful when trying to do development on a small vertical of a larger project. What is your strategy for a quick feedback loop when working in a large codebase?