soloalex1 / book-search

A search field with debounced suggestions from Google Books API.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

    Book Search

Description

This project was made in a Mid-level Frontend Developer application on September 2023.

The goal was to implement and enhance a previously existing search component, by showing some dynamically-rendered suggestions before submitting the query string and apply local filters on data requested via Google Books API. In addition, I've improved the layout and adjusted home and search screen by applying mobile-first design approaches.

Running

After cloning this repo, install the project dependencies:

yarn

Then, navigate to the project directory and run:

yarn dev

App will run on http://localhost:5173/.

Testing

By now, the only parts tested are the search field and filters. You can see the tests by running:

yarn test

Tools used

  • React
  • TypeScript
  • Styled Components
  • Zustand
  • Vitest
  • React Testing Library

About

A search field with debounced suggestions from Google Books API.


Languages

Language:TypeScript 99.4%Language:HTML 0.6%