https://github.com/rene78/popcompics

PopComPics (Popular Commons Pics) shows you how many times each picture of a certain Commons user has been utilized in Wikimedia projects.
https://github.com/rene78/popcompics

autocompletejs chartjs mediawiki-api no-framework popularity-analysis pubsub vanilla-javascript wikimedia wikimedia-api wikimedia-commons wikipedia

Last synced: 3 months ago
JSON representation

PopComPics (Popular Commons Pics) shows you how many times each picture of a certain Commons user has been utilized in Wikimedia projects.

• Host: GitHub
• URL: https://github.com/rene78/popcompics
• Owner: rene78
• License: mit
• Created: 2020-06-23T20:13:43.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-09-19T08:27:38.000Z (3 months ago)
• Last Synced: 2024-10-09T18:42:56.093Z (3 months ago)
• Topics: autocompletejs, chartjs, mediawiki-api, no-framework, popularity-analysis, pubsub, vanilla-javascript, wikimedia, wikimedia-api, wikimedia-commons, wikipedia
• Language: JavaScript
• Homepage: https://rene78.github.io/PopComPics/
• Size: 490 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Website

[![Favicon](img/android-chrome-192x192.png)](https://rene78.github.io/PopComPics/)

# Purpose

PopComPics (**Pop**ular **Com**mons **Pics**) shows you how many times each picture of a certain Commons user has been utilized in Wikimedia projects like Wikipedia, Wikidata, Wikivoyage and others.

![Picture of App][screenshot]

[screenshot]: img/mockup.png "Picture of the App"

# Technical Details

I used Webcomponents with the pubsub pattern according to [Peter Carroll's repository](https://github.com/petercz1/todo_no_frameworks). Thanks very much, Peter! Admittedly pubsub doesn't really make sense on such a simple app, but I just wanted to get a better understanding on how to set it up. A disadvantage of this approach seems to be that the array received from the API call has to be traversed multiple times in order to get all needed infos for each web component - not very efficient.