DEV Community

e10chen
e10chen

Posted on

IST 256 Badge Dashboard Post 3 Development

Git Repo:

https://github.com/NewJerkey/badge-dashboard

Progress Report:

For our dashboard, we made more progression on the styling of the website to make it look pretty clean and user friendly to the eyes of the people who are visiting the website. For this whole week we were trying to figure out how to implement the searching function. We wanted to use the string of what the user input and have that go into search through the api and display the badge the user wanted to search for.

The problem is we have been running into many errors where it would not load up and display the badges array list we created in the api. We are getting 404 errors where the website can not find the json files. It can not find where the files are located. The request url does not work which could give us a hint in what is wrong. It is not able to load any of the content to the front end. It fail to load resource for /api/badges.(Edit: After countless hours and screening and slamming on desktops the problem has been resolved.)

We are trying to implement req.query in the api to only render badges that meet a search criteria. We do not know how to properly use req.query and we are still trying to figure it out.

Draw a diagram on draw.io for user interaction pattern. What happens from user input, through machine sending value, to re-rendering on the page

Image description

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?

Real world use-cases where micro-service architecture could fit into their business context is it enables businesses to rapidly create, deploy, and improve their applications than relaying on a single piece of code. With micro-services it can separate the codes functionality and making any kind of modifications possible without damaging or bringing down the application. It helps keep up run time and break down a complex, large-scale program into simpler applications. Each application is in charge of their own features and functionality.

More questions you have / things your stuck on:

Currently we are stuck on how to properly send the form to the backend where the api lies and how to scale the search bar.

Top comments (0)