DEV Community

Spenser McLaughlin
Spenser McLaughlin

Posted on

W11 HW

We made a lot of progress this week on our badge-list! This week, Anish created the badges with the working functionality of expand on click (vertical) to show contents inside, added images to the badges, created the search bar on the front end, and is working on getting the CSS of the design to match. Spenser created a method to render cards in the backend (using his project 1 card while Anish builds the badges), made them top to bottom instead of side to side to match the badge-list example, and started researching search functionality to connect it to the render results. However, while a lot of progress was made this week, we did not yet get the relationship between searching and rendering results working.

We made a diagram to showcase the user interaction pattern, which can be found here.

In a real world use-case from industry, micro-service architecture could fit into their business context through something like an e-commerce website that does digital art services like products and custom designs as well as digital assets. In this case, users could use AI image generators to write prompts that can generate images for reference and the models can take the prompt and run the data then produce an output that is fetched by the front end. As design is a preference based field, it helps to have variations of a design request so that the artist can have a better sense of direction about what the customer wants.

Spenser's Progress can be found here and here. He had to create a brand new repo to fix an error when initializing the OWC.
Anish's Progress can be found here

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay