https://github.com/projetsmerlin/pingouin
API Feed : une liseuse d'API
https://github.com/projetsmerlin/pingouin
backend
Last synced: about 1 year ago
JSON representation
API Feed : une liseuse d'API
- Host: GitHub
- URL: https://github.com/projetsmerlin/pingouin
- Owner: ProjetsMerlin
- Created: 2024-09-04T13:33:15.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-04T20:01:42.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T11:19:16.560Z (about 1 year ago)
- Topics: backend
- Language: JavaScript
- Homepage: https://projetsmerlin.github.io/Pingouin/
- Size: 307 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
Api Feed
========
L'idée est de pouvoir lire une API assez via l'entrée de l'URL dans un champ prévu à cet effet.
L'objectif étant de visualiser les données sous forme de "cards" (styliser par Tailwind)
Explication
============
Vous avez le choix entre essayer 5 API proposé par le dropdown ou d'entrer vous-même l'URL de votre API.
Si vous reprenez ce projet, vous devez simplement mentionner l'api dans le data-api de la balise body et respecter la hiérarchie suivante du DOM :
+ Element (wrapper) avec la classe : .website
+ > suivi de l'élement avec l'ID : #example ( = la card stylisée) et la classe .js_item
+ enfin, respectez/ajoutez les éléments qui ont les attributs "data-api"
Structure
=========
js
---
script.js : le plus intéressant dans ce projet
style
-----
tailwind.css : le célèbre framework css
favicon.png : un petit pingouin (Happy Feet !) :smile:
Autres
------
.htaccess : afin de garantir une connexion évenutelle