Filtered Search Field

Live application here, hosted on AWS S3.

This project was generated with Create React App version 1.4.3.

Features

• Input field to enter a term to be searched.
• Overlay that shows different filtering options including slidebars, toggle, dropdown and checkbox.
• Click outside the input field or the overlay hides the overlay.
• A JSON containing all the user's inputs is shown and immediately updated on any change.
• Pressing Enter with the input field focused "submits" the form by printing the data in the browser console.

Setup

Run npm install.

Development server

Run npm start for a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory.