Skip to content

arunabharjun/react-client-side-search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Client Side Search

client-side-search

▶️ Getting Started

  1. Open terminal in your project directory

  2. Clone the repo

git clone https://github.com/arunabharjun/react-client-side-search.git

⬇️ Installing dependencies

  1. Open terminal in the root directory and run the following command
npm instal
  1. Start the react app
npm start

🖥 Viewing the app

The app should have opened in your default browser, but if didn't, visit http://localhost:3000/

🌟 Features

  1. Search users by ID, address, name, items, pincode
  2. Navigate using keyboard up and down arrow keys
  3. Hover on a card to change focus to that card like
  4. The mouse and keyboard actions mimic youtube's search box actions
  5. The search happens on client side much like how a phone would search contact list in phonebook app
  6. Responsive design