An open API service indexing awesome lists of open source software.

https://github.com/atumv/numbers-list

Phone numbers list application with live search built using React, Redux & TypeScript.
https://github.com/atumv/numbers-list

axios json-server lodash react react-redux redux-saga styled-components typescript

Last synced: 2 months ago
JSON representation

Phone numbers list application with live search built using React, Redux & TypeScript.

Awesome Lists containing this project

README

        

# Numbers List

![preview](/assets/preview.gif)

Simple numbers list application with live search built using React, Redux & TypeScript.

The project is based on [`Create React App`](https://github.com/facebook/create-react-app).

## Libraries used

- [`react`](https://www.npmjs.com/package/react)
- [`redux`](https://www.npmjs.com/package/redux)
- [`react-redux`](https://www.npmjs.com/package/react-redux)
- [`redux-saga`](https://www.npmjs.com/package/redux-saga)
- [`typescript`](https://www.npmjs.com/package/typescript)
- [`styled-components`](https://www.npmjs.com/package/styled-components)
- [`json-server`](https://www.npmjs.com/package/json-server)
- [`lodash`](https://www.npmjs.com/package/lodash)
- [`axios`](https://www.npmjs.com/package/axios)

## Installation and running

1. Clone the repo: `git clone https://github.com/atumv/numbers-list.git`
2. Change directory: `cd numbers-list`
3. Install dependencies: `npm i`

Then you can start the app with `npm run start`.
Server is running at http://localhost:3000/.

## Shortcut

```sh
git clone https://github.com/atumv/numbers-list.git && cd numbers-list && npm i && npm start
```