https://github.com/haixiangyan/a-cat-a-dog-react

A Vue App for showing cats 🐱 and dogs 🐶.
https://github.com/haixiangyan/a-cat-a-dog-react

Last synced: about 2 months ago
JSON representation

A Vue App for showing cats 🐱 and dogs 🐶.

• Host: GitHub
• URL: https://github.com/haixiangyan/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/)