DEV Community

Spenser McLaughlin
Spenser McLaughlin

Posted on

W12 HW

Anish:
I started this project from using my old card to make the front end, based on the new cards design, I made changes to its design and functionality including dropdown(expand) and the search bar. Then, I decided to implement the box design first then moved to the arrow and drop down functionality. Once these were done, I moved to creating the search bar. I have had issues with having the box expand and then wait a second before returning to contract shape, the transition time was not the issue so not sure why that was happening. However, I would say a lot of the design aspects were translated from Project 1's card to work on. My next priority is to connect the search quarry to the data present in the cards and to highlight the needed text on search. Nevertheless, I am not sure how to connect the API for our codes to make the search functionality work.

My progress this week

Spenser:
I started by using the card element of project one to temporarily replace the badges while Anish creates the design on the frontend. Once I implemented project one’s card, the first thing I attacked was the orientation the card was rendered in, since it needed to be from top to bottom instead of left to right. My biggest issue has been figuring out how to connect the search bar with the rendering of the cards in the API folder. I’ve tried following guides from numerous online resources and spent hours trying to connect the two to no avail. Despite this, having a constructor with different changeable properties that modify individual elements of the card/badge translated from Project 1's card since overall, the badges are the same, they just have different properties tweaked to make them unique. Going forward, my next priority is connecting the search bar to rendering the results. I’m not sure how to do this, but I’ll keep trying and doing more research.

My progress this week

NOTE: Last week (W11), we accidentally blogged based on this week’s (W12) prompt. Thus, this week’s blog is based on the W11 HW prompt.

Top comments (0)