soroushchehresa/player-archive

Search soccer players' archive by name!

⚽ Player Archive ⚽

Search soccer players' archive by name!

High-level schema

Demo

https://playerarchive.netlify.app (Search: Fabio)

Features

• Search by speech (Using React Speech Recognition and powered by Speechly)
• Request cancellation (Using Axios cancel token)
• Search without stress the API (500ms delay)

Used Libraries

• React
• TypeScript
• Easy Peasy
• Ant Design
• React Speech Recognition
• Lodash
• Axios
• Jest
• Enzyme
• Normalize.css
• Create React App

Development

First, install dependencies:

$ yarn

Second, add environment variables:

Create .env file in the root directory and add SPEECHLY_ID with your Speechly app ID.

Then, start development or build production:

$ yarn start

// or

$ yarn build

Test

$ yarn test