Forum Discussion

KayleneWance's avatar
KayleneWance
Community Member
24 days ago

Code Block: Interactive Process

  Hi All! I've been trying to use the Code Block more and I'm finding out that if I can think it, I can build it (with the help of AI)! This started with a simple idea - can I make a proce...
code block
rise 360
TimHillier's avatar
TimHillier
Community Member
1 day ago

Kaylene this is great.

Beyond the code snippet I would be interested to know the prompts you used to get to this snippet.  How many iterations did it take to get what you wanted?

 

Thank you for sharing.

 

Tim

KayleneWance's avatar
KayleneWance
Community Member
21 hours ago

Hi Tim,

Glad you like it! It took me roughly 1.5 - 2 hours to build. Looks like about 10 big prompt ideas that drove the build 

  1. Initial idea (interactive process graph in Rise)
  2. Image + explanation of snake layout
  3. Debugging why nothing rendered
  4. Move content into cards + spacing changes
  5. Remove deselect behavior + color/font changes
  6. Remove redundancy + visual cleanup + color-state changes
  7. Make arrows more obvious
  8. Add animated arrows
  9. Debug why only one arrow animated
  10. Reaction / confirmation

I'll be honest, I didn't have a real clear picture when I started so part was me chatting back and fourth to get to the outcome I wanted. Then when I had the base idea, I just started building on top of it to get that final result.