{"id":27976899,"url":"https://github.com/nagcas/fetchyfilter","last_synced_at":"2025-05-08T01:42:00.146Z","repository":{"id":289568350,"uuid":"971692059","full_name":"nagcas/FetchyFilter","owner":"nagcas","description":"Fetch y filter","archived":false,"fork":false,"pushed_at":"2025-04-23T23:11:39.000Z","size":4,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-24T00:22:50.778Z","etag":null,"topics":["html5","javascrip","telwind-css"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nagcas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-04-23T23:10:47.000Z","updated_at":"2025-04-23T23:12:27.000Z","dependencies_parsed_at":"2025-04-24T00:22:58.866Z","dependency_job_id":null,"html_url":"https://github.com/nagcas/FetchyFilter","commit_stats":null,"previous_names":["nagcas/fetchyfilter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nagcas%2FFetchyFilter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nagcas%2FFetchyFilter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nagcas%2FFetchyFilter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nagcas%2FFetchyFilter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nagcas","download_url":"https://codeload.github.com/nagcas/FetchyFilter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252983761,"owners_count":21835758,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html5","javascrip","telwind-css"],"created_at":"2025-05-08T01:41:59.448Z","updated_at":"2025-05-08T01:42:00.111Z","avatar_url":"https://github.com/nagcas.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🧑‍💻 Fetch \u0026 Filter - User Search App\n\nUna semplice applicazione web realizzata in **JavaScript** che consente di **caricare utenti fake** tramite una chiamata `fetch` alla [Faker API](https://fakerapi.it/), e di **filtrarli in tempo reale** tramite un campo di ricerca.\n\n## 🔍 Funzionalità\n\n- Recupero di 100 utenti fake tramite API\n- Rendering dinamico della lista utenti\n- Funzionalità di ricerca istantanea per nome e cognome\n- Stile moderno e responsive con **TailwindCSS**\n\n## 🚀 Demo\n\nPuoi vedere l'app in azione semplicemente aprendo `index.html` in un browser.\n\n## 📁 Struttura del progetto\n```\n📦 project-folder/ \n├── index.html # HTML principale \n├── script.js # Script JavaScript per fetch, filter e render\n├── style.css # (opzionale) file di stile aggiuntivo\n```\n\n## 🔧 Come funziona\n\n1. Quando la pagina viene caricata (`DOMContentLoaded`), l'app esegue una `fetch` alla seguente endpoint:\n\nhttps://fakerapi.it/api/v2/users?_quantity=100\n\n\n2. I dati ricevuti (lista di utenti) vengono salvati in un array `users`.\n\n3. Ogni utente viene mostrato in un `\u003cli\u003e` con il formato:\n```\nNome Cognome\n```\n\n4. Quando digiti nel campo di ricerca, la lista viene filtrata in tempo reale in base al nome o cognome.\n\n## 💡 Tecnologie usate\n\n- HTML5\n- JavaScript (Vanilla)\n- Fetch API\n- Tailwind CSS (via CDN)\n- Faker API\n\n\n## 📚 Risorse utili\n\n- [Faker API Docs](https://fakerapi.it/en)\n- [TailwindCSS](https://tailwindcss.com/)\n\n## 🧑‍🎓 Autore\n\nGianluca Chiaravalloti  \nFull Stack Web Developer  \n[LinkedIn](https://www.linkedin.com/in/gianlucachiaravalloti/) | [GitHub](https://github.com/tuo-username)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnagcas%2Ffetchyfilter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnagcas%2Ffetchyfilter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnagcas%2Ffetchyfilter/lists"}