{"id":15430554,"url":"https://github.com/lenisha/azure-search-reactjs","last_synced_at":"2026-02-23T08:01:49.719Z","repository":{"id":38455703,"uuid":"490321273","full_name":"lenisha/azure-search-reactjs","owner":"lenisha","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-08T00:00:55.000Z","size":5197,"stargazers_count":0,"open_issues_count":11,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-24T23:59:13.362Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lenisha.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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}},"created_at":"2022-05-09T14:37:14.000Z","updated_at":"2022-05-09T14:37:20.000Z","dependencies_parsed_at":"2024-10-20T19:23:06.818Z","dependency_job_id":null,"html_url":"https://github.com/lenisha/azure-search-reactjs","commit_stats":{"total_commits":5,"total_committers":2,"mean_commits":2.5,"dds":"0.19999999999999996","last_synced_commit":"abe1679db7618e8bd18bf66d75fbd734164f06db"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":"dereklegenzoff/azure-search-react-template","purl":"pkg:github/lenisha/azure-search-reactjs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lenisha%2Fazure-search-reactjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lenisha%2Fazure-search-reactjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lenisha%2Fazure-search-reactjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lenisha%2Fazure-search-reactjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lenisha","download_url":"https://codeload.github.com/lenisha/azure-search-reactjs/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lenisha%2Fazure-search-reactjs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29739753,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T07:44:07.782Z","status":"ssl_error","status_checked_at":"2026-02-23T07:44:07.432Z","response_time":90,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-10-01T18:16:56.274Z","updated_at":"2026-02-23T08:01:49.680Z","avatar_url":"https://github.com/lenisha.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Azure Cognitive Search UI\n\nThis sample is a React template for [Azure Cognitive Search](https://docs.microsoft.com/en-us/azure/search/search-what-is-azure-search). It leverages the [Azure SDK for Javascript/Typescript](https://github.com/Azure/azure-sdk-for-js/tree/master/sdk/search/search-documents/) and [Azure Static Web Apps](https://aka.ms/swadocs) to make it easy to get up and running with a simple web application.\n\nYou can view the resulting web application here: [https://victorious-beach-0ab88b51e.azurestaticapps.net/](https://victorious-beach-0ab88b51e.azurestaticapps.net/)\n\n![Screenshot of sample web app](./images/web-app.png)\n\nYou can easily deploy the sample onto Azure or run it locally by following the steps below.\n\n## Running the application locally\n\nTo run the sample locally, follow the steps below.\n\n### Prerequisites\n\n- A GitHub account\n- [Node.js and Git](https://nodejs.org/)\n- [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=shopathome-github-jopapa) installed\n- The [Azure Functions extension](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azurefunctions\u0026WT.mc_id=shopathome-github-jopapa) installed\n- The [Azure Functions Core Tools](https://docs.microsoft.com/azure/azure-functions/functions-run-local?WT.mc_id=shopathome-github-jopapa) installed\n\n### Setup\n\n1. Clone (or Fork and Clone) this repository\n\n1. Rename the `api/local.settings.json.rename` file to `api/local.settings.json`.\n\nThe `local.settings.json` file holds all of the keys that the application needs.\n\nFor this sample, there is a search index using the [goodbooks-10k dataset](https://github.com/zygmuntz/goodbooks-10k) that that is publicly available using the connection information below. The index consists of 10,000 popular books that we'll search over in our application.\n\n```json\n{\n  \"IsEncrypted\": false,\n  \"Values\": {\n    \"AzureWebJobsStorage\": \"\",\n    \"FUNCTIONS_WORKER_RUNTIME\": \"node\",\n    \"SearchApiKey\": \"03097125077C18172260E41153975439\",\n    \"SearchServiceName\": \"azs-playground\",\n    \"SearchIndexName\": \"good-books\",\n    \"SearchFacets\": \"authors*,language_code\"\n  }\n}\n```\n\n## Run the app locally\n\nThis project can be run anywhere, but VS Code is required for local debugging.\n\n1. Open the application with VS Code.\n\n### Running the front-end\n\n1. Install front-end dependencies...\n\n   ```bash\n   npm install\n   ```\n\n1. Run the front-end project in the browser (automatically opens a browser window).\n\n   ```bash\n   npm start\n   ```\n\n### Running the API\n\n1. From VS Code, press \u003ckbd\u003eF5\u003c/kbd\u003e\n\n\n## Deploying this sample\n\n### Prerequisites\n\n- A GitHub account\n- An Azure subscription\n\n### Forking the repo\n\nTo start off, select **Use this template** above. This will create your own copy of the code that you can deploy and edit as you please.\n\n![Use this template screenshot](./images/use-template.png)\n\n### Creating the web app\n\nNext, you need to create a Static Web App in the Azure portal. Click the button below to create one:\n\n[![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false#create/Microsoft.StaticApp)\n\nThis will walk you through the process of creating the web app and connecting it to your GitHub repo.\n\nAfter connecting to the repo, you'll be asked to include some build details. Set the Build Presets to `React` and then leave the other default values:\n\n![Azure Static Web Apps Configuration Screenshot](./images/setup.png)\n\nOnce you create the static web app, it will automatically deploy the web app to a URL you can find within the portal.\n\n![Azure Static Web Apps Configuration Screenshot](./images/static-web.png)\n\nThe last thing you need to do is select configuration and then edit the application settings to add the credentials from `local.settings.json`. It may take a few minutes for this blade to become available in the portal.\n\n![Azure Static Web Apps Configuration Screenshot](./images/config.png)\n\nAdditional documentation can be found in the [docs folder](./docs).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flenisha%2Fazure-search-reactjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flenisha%2Fazure-search-reactjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flenisha%2Fazure-search-reactjs/lists"}