/search-autocomplite

Searching input with autocompleting example with jsonplaceholder api. Using React, Redux and TypeScript

Primary LanguageTypeScriptMIT LicenseMIT

Search Autocomplete with React Redux & TypeScript

Usage

  1. Get Focus on search input (by click or press '/' button)
  2. Start typing
  3. Control popup by ArrowUp, ArrowDown & Enter keys or Mouse

Tech Stack

React  Redux  TypeScript  Axios  SCSS 

Features

  • Redux
  • Responsive (Media Queries)
  • Mobile First Desing
  • Optymalization (Pure Components, useCalback, memo)
  • Moduled CSS
  • Accessibility (Controlling website with keyboard, aria, titles)
  • Axios fetching Data
  • RegExp
  • Absolute Imports
  • Forward Refs
  • Hosting on gh-pages

Preview

Live Preview on gh-pages search-autocomplite

preview gif

License

Licensed under the MIT License.

See LICENSE for more information.

About

Author: Jakub Kurdziel Github
Email: qwercy142@gmail.com
Facebook: Jakub Kurdziel