Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Haixiang6123/a-cat-a-dog-react
A Vue App for showing cats 🐱 and dogs 🐶.
https://github.com/Haixiang6123/a-cat-a-dog-react
Last synced: about 1 month ago
JSON representation
A Vue App for showing cats 🐱 and dogs 🐶.
- Host: GitHub
- URL: https://github.com/Haixiang6123/a-cat-a-dog-react
- Owner: haixiangyan
- License: mit
- Created: 2019-03-25T06:29:00.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-04-03T16:58:17.000Z (over 5 years ago)
- Last Synced: 2024-04-18T14:43:25.565Z (5 months ago)
- Language: TypeScript
- Homepage: https://haixiang6123.github.io/a-cat-a-dog-react/#/
- Size: 6.03 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# a-cat-a-dog-react
A React App for showing cats 🐱 and dogs 🐶.
[Click here to view the demo](https://haixiang6123.github.io/a-cat-a-dog-react/#)
## Screenshot
![](https://i.loli.net/2019/04/01/5ca195a99e045.png)
## How to use
### Before running it
Before running it, you need to add a file `secret.ts` to
the directory `/src/axios`. So, it would be `/src/axios/secret.ts`.Then place following codes in it.
```typescript
export const catKey = 'APPLY THE KEY ON https://thecatapi.com/'
export const dogKey = 'APPLY THE KEY ON https://thedogapi.com/'
```For those 2 keys, you need to sign up in [thecatapi.com](https://thecatapi.com/) and [thedogapi.com](https://thedogapi.com/).
### Now run it
Now, enter following commands to run it :)
```bash
$ cd a-cat-a-dog-react$ yarn install
$ yarn start
```## Stacks
* [React](https://reactjs.org/)
* [React Router](https://reacttraining.com/react-router/core/guides/philosophy)
* [Redux](https://redux.js.org/)
* [Material UI x React](https://material-ui.com/)
* [Axios](https://github.com/axios/axios)
* [Typescript](https://www.typescriptlang.org/)