https://github.com/soloalex1/book-search

A search field with debounced suggestions using Google Books API.
https://github.com/soloalex1/book-search

mobile-first react styled-components typescript vite vitest zustand

Last synced: about 2 months ago
JSON representation

A search field with debounced suggestions using Google Books API.

• Host: GitHub
• URL: https://github.com/soloalex1/book-search
• Owner: soloalex1
• Created: 2023-10-02T22:43:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-24T18:04:31.000Z (about 1 year ago)
• Last Synced: 2023-12-25T19:59:00.921Z (about 1 year ago)
• Topics: mobile-first, react, styled-components, typescript, vite, vitest, zustand
• Language: TypeScript
• Homepage:
• Size: 234 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


    
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:

```bash

yarn

```

Then, navigate to the project directory and run:

```bash

yarn dev

```

App will run on [http://localhost:5173/](http://localhost:5173/).

## Testing

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

```bash

yarn test

```

## Tools used

- React

- TypeScript

- Styled Components

- Zustand

- Vitest

- React Testing Library