Dummy Search - People finder app solution

In this challenge, it is necessary to implement a people search using a fake json data provider and the fetch API. In addition to the main task, I used typing with TypeScript, the VK UI library for a better user experience, and optimization. I added error handling in case of data loading failure, as well as a data loading indicator. Also, I optimized network interactions through pagination and partial data loading, and introduced debouncing to reduce the number of server requests.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources

Overview

The challenge

Users should be able to:

• Enter a person's last name and first name in the search bar
• Receive relevant search results in response to their query
• Interact with a responsive interface
• See the loading status and an error message in case it occurs

Screenshot

Links

• Solution URL: github.com/alexbulgakov/dummy-search
• Live Site URL: dummy-search.vercel.app

My process

Built with

• VK UI - This is a library of adaptive React components for building web applications
• React - JS library
• Dummy JSON - Fake JSON data provider

Useful resources

• plural-ru - This library helped me to accurately inform the user about how many friends were found in the search. It provides correct declension of nouns and verbs in Russian.