DEV Community

Cover image for Journal Entry 3 - Obstacles, Success, Misery.
Fawaz1077
Fawaz1077

Posted on

Journal Entry 3 - Obstacles, Success, Misery.

Real progresss has been made towards the final goal of project 2. My partner and I have brainstormed and formulated outcomes that gave us decent looking outputs to what is required of us.

Firstly, the thing we needed to get down first was the badge itself, and that had it's own obstacles that we had to overcome. The main issue we rain into was getting the card to collapse and uncollapse all together instead of having two seperate blocks just parallel to each other.

Image description

(Previously it was two blocks when hitting the collapse button now it's one unified one)

The making of the actual content within the badge was not very hard however we did run into some issues when trying to import the necessary pictures from the icons libray the first time around. However, we tried again another day and got it to work (we believe there was an issue with the icon website the first time).

The search bar seems to be the final boss for our case but we have managed to make some progress. In theory,to search through an API and render the results, we listen for the form submit event and retrieve the user input. We then use the fetch function to call the API with the user input and wait for the response. If the response is successful, we handle it by parsing the data and rendering the results in the UI.

Here is our honest attempt at a diagram showing what happens from user input, through machine sending value, to re-rendering on the page:

Image description

A thought provoking question: "Think of a real world use-case from industry (Media streaming, youtube, corporate, cable company provider, web platform, etc) where micro-service architecture could fit into their business context. How could we use this approach to solve a real problem at a company currently using a monolithic design architecture?"

Answer: Microservice architecture is a useful approach for media streaming platforms such as HBO max or Disney plus. By breaking down different components of the platform into separate services that communicate with each other through APIs, this architecture makes it easier to handle high traffic loads, scale up or down individual services as required, and improve development and deployment times. Additionally, teams can work on different services independently, which can speed up the development process. Overall, microservice architecture can help media streaming platforms to improve user experience and stay competitive.

We must power through this last week of working on this project and get everything working sharply. Our progress has been slow and steady but we will pick up the pace and grind the remaining tasks out. Tune in next time to find out whether we failed this project or not!

Top comments (0)