An implementation of a mobile search pattern in a web-mobile React application.
To see an example of a web-mobile search pattern ๐ฑ
You know... the user inputs a word in a searchbox, and some suggestions related to that word will be autosuggested. By tapping on the suggestion, the related results will be displayed below. Just like the web-mobile behavior of Google.
- React
- Sass
- ExpressJs for the dev web server
- Webpack
- Jest
- Enzyme
- Code style compliant with eslint [airbnb stylesheet](https://github.com/airbnb/javascript/tree/master/react)
The accepted words that will match in this case are the following:
- 'Berlin'
- 'Skip the Line'
- 'German'
- 'Tour'
- 'Museum'
- 'Pass'
- 'Transport'
Type any of those words in the searchbox and the suggestions will be displayed. All those words are stored on a configurable file calles 'suggested-entries.js'
- ๐ซ No. Desktop and tablet layout are not considered.
- Simply navigate the index.html file from your modern chrome version
npm install
npm run build
npm start
localhost:8080