GithubHelp home page GithubHelp logo

bbokorney / hold-my-beer Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 39 KB

A sample application for AWS CloudSearch.

License: MIT License

HTML 3.17% CSS 19.49% JavaScript 77.34%
aws aws-cloudsearch tutorial

hold-my-beer's Introduction

Hold My Beer

Hold My Beer is a sample application for AWS CloudSearch. It's a static web app for querying a dataset of beers.

AWS Setup

CloudSearch

  1. Go to the CloudSearch Dashboard.
  2. Click Create a Domain.
  3. Give it a name (e.g. hold-my-beer).
  4. In the Access Policies, set policy to "Search and Suggester service: Allow all. Document Service: Account owner only."
  5. Wait until access policies are done processing.

Suggester

  1. Suggesters > Add Suggester
  2. Give it a name. Set "Source Field" to "name", and "Fuzzy Matching" to "high".
  3. Re-index your domain. This can take a while.

API Gateway

  1. Create a resource for /search.
  2. Create a GET for /search.
  3. Select the integration type HTTP.
  4. Specify the Endpoint URL as https://.us-east-1.cloudsearch.amazonaws.com/2013-01-01/search
  5. Method Request > URL Query String Parameters add q, q.parser, q.options.
  6. Actions > Deploy API
  7. Create new stage, give it a name.
  8. Click Deploy

Running the app

Export the url of your API gateway domain.

export REACT_APP_SEARCH_URL='https://abc123defg.execute-api.us-east-1.amazonaws.com/stage-name'

Install dependencies and start the project.

npm install
npm start

Credits

Beer stein favicon from freefavicon.com.

hold-my-beer's People

Contributors

bbokorney avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Forkers

adityakasturi

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.