Submitted by: Don Destin Iriho
About this web app: This website is a Ballon d’Or Winners Catalogue that lets users explore football players who have won the Ballon d’Or award throughout history. It displays each winner in a player card showing their name, nationality, club, and winning year. Users can filter the winners by club, nationality, start year, end year, or a combination of those filters. The frontend sends filter requests to the Express backend, and the backend searches through the Ballon d’Or winners data to return matching results. The page then updates the displayed player cards based on the filtered data.
Time spent: 15 hours
The following required functionality is completed:
- The web app uses only HTML, CSS, and JavaScript without a frontend framework
- The web app displays a title
- The web app displays at least five unique list items, each with at least three displayed attributes (such as title, text, and image)
- The user can click on each item in the list to see a detailed view of it, including all database fields
- Each detail view should be a unique endpoint, such as as
localhost:3000/bosses/crystalguardianandlocalhost:3000/mantislords - Note: When showing this feature in the video walkthrough, please show the unique URL for each detailed view. We will not be able to give points if we cannot see the implementation
- Each detail view should be a unique endpoint, such as as
- The web app serves an appropriate 404 page when no matching route is defined
- The web app is styled using Picocss
The following optional features are implemented:
- The web app displays items in a unique format, such as cards rather than lists or animated list items
Styled and displayed using a playerCard element
The following additional features are implemented
- added an endpoint filter over my listicle
- backend data fetch to the frontend for displayal
**Note: please be sure to
Here's a walkthrough of implemented required features:
None
Copyright [2029] by [diriho]
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.