{"id":21474309,"url":"https://github.com/codingtuto/google-clone","last_synced_at":"2025-07-20T19:33:15.050Z","repository":{"id":165144218,"uuid":"474423323","full_name":"codingtuto/Google-clone","owner":"codingtuto","description":"C'est le clone de Google où vous pouvez rechercher n'importe quoi et il affichera exactement le même résultat que nous avons utilisé l'API personnalisée de Google à travers laquelle nous avons réalisé ce projet, il est entièrement réactif et vous pouvez également l'installer en tant que PWA.","archived":false,"fork":false,"pushed_at":"2022-03-26T19:15:28.000Z","size":922,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-08T23:04:34.717Z","etag":null,"topics":["api","coding","google-api","nextjs","team"],"latest_commit_sha":null,"homepage":"https://google-clone-ten-alpha.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codingtuto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-03-26T17:47:12.000Z","updated_at":"2024-03-22T10:33:52.000Z","dependencies_parsed_at":"2024-05-31T07:02:42.203Z","dependency_job_id":null,"html_url":"https://github.com/codingtuto/Google-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/codingtuto/Google-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingtuto%2FGoogle-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingtuto%2FGoogle-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingtuto%2FGoogle-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingtuto%2FGoogle-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codingtuto","download_url":"https://codeload.github.com/codingtuto/Google-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingtuto%2FGoogle-clone/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266187237,"owners_count":23889941,"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":["api","coding","google-api","nextjs","team"],"created_at":"2024-11-23T10:21:55.873Z","updated_at":"2025-07-20T19:33:15.040Z","avatar_url":"https://github.com/codingtuto.png","language":"JavaScript","readme":"\n\u003cp align=\"center\" \u003e\n\u003cimg height=\"100\" src=\"http://assets.stickpng.com/images/580b57fcd9996e24bc43c51f.png\" /\u003e\n\u003c/p\u003e\n\n# Google Clone avec Next.js\n\nC'est le clone de Google où vous pouvez rechercher n'importe quoi et il affichera exactement le même résultat que nous avons utilisé l'API personnalisée de Google à travers laquelle nous avons réalisé ce projet, il est entièrement réactif et vous pouvez également l'installer en tant que PWA. Vous pouvez également visiter les liens sans danger, mais il y a un inconvénient à ce que Google n'autorise que 100 requêtes à partir d'une seule clé API par jour. Ainsi, cette application ne peut rechercher que 100 fois par jour.\n\n## Fonctionnalités\n\n- Recherche Google précise et en temps réel\n- Mode plein écran\n- **PWA** installable\n- Rechercher n'importe quelle requête\n- Réactivité totale\n- Prise en charge du thème sombre en fonction de l'appareil de l'utilisateur\n\n## Technologies utilisées\n\n\u003cp\u003e  \n\u003cimg title=\"React JS\" width=\"60\" src=\"https://cdn4.iconfinder.com/data/icons/logos-3/600/React.js_logo-128.png\" /\u003e\n\u003cimg title=\"Next JS\" width=\"60\" src=\"https://iconape.com/wp-content/files/gm/82643/svg/next-js.svg\"  /\u003e\u0026nbsp;\n\u003cimg title=\"Tailwind\" width=\"60\" src=\"https://cdn.icon-icons.com/icons2/2699/PNG/512/tailwindcss_logo_icon_167923.png\"\u003e \n\u003cimg title=\"Google Search API\" width=\"60\" src=\"https://cutt.ly/zRgpYnW\"\u003e\n\u003c/p\u003e\n\n## Démonstration\n\n[Cliquer ici pour voir le site](https://google-clone-ten-alpha.vercel.app/)\n\n\n\n\n## Commencer\n\nCréer un répertoire ou un dossier\n\n```bash\nmkdir project\n```\n\nCloner le projet\n\n```bash\n  clone git https://github.com/codingtuto/google-clone.git\n```\n\nAller dans le répertoire du projet\n\n```bash\n  cd project\n```\n\nInstaller les dépendances\n\n```bash\n  npm install\n  # ou\n  yarn\n```\n\nTout d'abord, lancez le serveur de développement :\n\n```bash\n  npm run dev\n  # ou\n  yarn dev\n```\n\nOuvrez http://localhost:3000 avec votre navigateur pour voir le résultat.\n\nVous pouvez commencer à éditer la page en modifiant pages/index.js. La page se met à jour automatiquement lorsque vous modifiez le fichier.\n\nLes routes API sont accessibles sur http://localhost:3000/api/hello. Ce point de terminaison peut être modifié dans pages/api/hello.js.\n\nLe répertoire pages/api est mappé sur /api/\\*. Les fichiers de ce répertoire sont traités comme des itinéraires d'API au lieu de pages React.\n\n## Variables d'environnement\n\nPour exécuter ce projet, vous devrez ajouter les variables d'environnement suivantes à votre fichier .env\n\n`NEXT_PUBLIC_API_KEY` - [Cliquez ici](https://developers.google.com/custom-search/v1/introduction#identify_your_application_to_google_with_api_ke)\n\n- Allez sur le lien et cliquez sur **Obtenir une clé**\n- Si vous avez déjà créé un projet, continuez, sinon créez-en un nouveau et suivez les étapes après avoir terminé, vous obtiendrez la clé API\n\n`NEXT_PUBLIC_CONTEXT_KEY` - [Cliquez ici](https://cse.google.com/cse/create/new)\n\n- Accédez au lien et saisissez \"www.google.com\", puis cliquez sur **Créer**\n- puis cliquez sur `Obtenir le code`\n - vous obtiendrez la balise de fichier de script dans ce fichier, telle que `\u003cscript async src=\"https://cse.google.com/cse.js?cx=b221ffffddfd63f8a4\"\u003e\u003c/script\u003e` nous n'avons besoin que du `cx ` valeur *copier* cela et coller dans votre `.env`\n\n`NEXT_PUBLIC_GEOLOCATION_API` - [Cliquez ici](https://ipdata.co/)\n - Allez sur le lien et créez un compte et obtenez l'API gratuitement\n - Il y a une limite de 1500 demandes par jour, alors soyez prudent avec cela et collez-le dans `.env`\n\n## Licence\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n## Retour d'information\n\nSi vous avez des commentaires, veuillez nous contacter à notre bot Telegram @codingsupport_bot\n## Développeur\n\n- [@codingtuto](https://t.me/codingtuto)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodingtuto%2Fgoogle-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodingtuto%2Fgoogle-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodingtuto%2Fgoogle-clone/lists"}