Repo Link:
https://github.com/NewJerkey/badge-dashboard.git
Vercel:
https://badge-dashboard.vercel.app/
How many elements did you end up going with?
For our final project, we ended up going with 3 elements when creating our badges. We broke it up to search-bar.js, badge-list.js, and badge-dashboard.js.
Why did you break it up that way?
We broke it up to three different ways so that we are able to differentiate which code goes to which element of the website. All the html and css for the actual badges went into that file. The badge list have the JavaScript code to connect to the api goes into the badge list file. Finally the search bar gets it own file to make the styling of the search bar and save the user input as a variable to do the search against the api.
What was the hardest aspect of this?
The hardest aspect of this project is creating the filtering and search function of the website to query the badges we want. We had trouble finding a way to make connectivity between our elements in the src folders and our api. We had no idea where to start when it came to figuring out how to use the user input to connect to the api and query against all the current badges we have. We took the time to re watch the video and looked at other people's repo to reserves engineering it to learn how it works. The simple icons were not working for a while and we were able to modify the rollup config file.
What part of this project was easier than you expected?
The overall getting the design and the basic html layout was the easiest part of the project. Creating the basic CSS to design what the badge looks like and creating the basic divs to structure the page. Kicking off the start of the project of getting the basic layout down speed up the project a lot until we hit the roadblock of getting the search function to work.
Top comments (0)