Simple, minimalist design that focuses on the product. Shouldn't look like this: https://www.zazzle.com/create_your_own_paper_cup-256219456465905357
Jason Stoltzfus JasonStoltz
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import "@elastic/react-search-ui-views/lib/styles/styles.css"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import AppSearchAPIConnector from "@elastic/search-ui-app-search-connector"; | |
| import { SearchProvider, Results, SearchBox } from "@elastic/react-search-ui"; | |
| import { Layout } from "@elastic/react-search-ui-views"; | |
| import "@elastic/react-search-ui-views/lib/styles/styles.css"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Step #1, import Statements | |
| import React from "react"; | |
| import AppSearchAPIConnector from "@elastic/search-ui-app-search-connector"; | |
| import { SearchProvider, Results, SearchBox } from "@elastic/react-search-ui"; | |
| import { Layout } from "@elastic/react-search-ui-views"; | |
| import "@elastic/react-search-ui-views/lib/styles/styles.css"; | |
| // Step #2, The Connector | |
| const connector = new AppSearchAPIConnector({ | |
| searchKey: "[YOUR_SEARCH_KEY]", | |
| engineName: "video-games", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| npm install -g create-react-app | |
| create-react-app video-game-search --use-npm | |
| cd video-game-search |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| import AppSearchAPIConnector from "@elastic/search-ui-app-search-connector"; | |
| import { | |
| Facet, | |
| SearchProvider, | |
| SearchBox, | |
| Results, | |
| PagingInfo, | |
| ResultsPerPage, | |
| Paging |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <StickyFacets> | |
| {({ facets }) => ( | |
| <React.Fragment> | |
| <Facet | |
| facets={facets} | |
| field="date_established" | |
| label="Date Established" | |
| view={SingleRangeSelectFacet} | |
| /> | |
| <Facet |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const debounce = (() => { | |
| let wasCalled = false; | |
| let fn = null; | |
| return newFn => { | |
| fn = newFn; | |
| if (!wasCalled) { | |
| wasCalled = true; | |
| setTimeout(() => { |
JasonStoltz
/ jquery-autocomplete.html
Last active
August 30, 2018 12:20
App Search Autocomplete Examples
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <!-- | |
| This example demonstrates Swiftype's App Search using a jQuery based | |
| auto-complete library, https://github.com/devbridge/jQuery-Autocomplete. | |
| --> | |
| <head> | |
| <style> | |
| body { | |
| display: flex; |
JasonStoltz
/ Gemfile
Created
August 14, 2017 12:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| source 'https://rubygems.org' | |
| git_source(:github) do |repo_name| | |
| repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/") | |
| "https://github.com/#{repo_name}.git" | |
| end | |
| # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' | |
| gem 'rails', '~> 5.1.3' |