Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tynandebold/doggie-dictionary
Select a breed of dog to see a photo of that breed.
https://github.com/tynandebold/doggie-dictionary
dog-breed-classifier doggie-dictionary javascript lookup lookup-service mobx react
Last synced: 23 days ago
JSON representation
Select a breed of dog to see a photo of that breed.
- Host: GitHub
- URL: https://github.com/tynandebold/doggie-dictionary
- Owner: tynandebold
- Created: 2018-03-06T02:42:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T16:14:06.000Z (almost 2 years ago)
- Last Synced: 2023-08-03T10:09:29.355Z (over 1 year ago)
- Topics: dog-breed-classifier, doggie-dictionary, javascript, lookup, lookup-service, mobx, react
- Language: JavaScript
- Homepage: https://tynandebold.com/doggie-dictionary/
- Size: 2.41 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Doggie Dictionary
Select a breed of dog to see a photo. Click a button to see another photo of your chosen dog breed.
App created as an exercise on async/await in tandem with fetching data via and API.
## Installation
This is a simple app to setup. Run these two commands:
```sh
# Install dependencies
$ npm install
$ npm install http-server -g
```
## Usage
Depending on your development preferences, there are two npm scripts to choose from. The first runs webpack, which watches for files changing in `src/`, and starts a local server.
```sh
$ npm start
```
The second does the same as the first, but also _live reloads the page_ anytime you make changes to anything in the `/src` directory.
```sh
$ npm run dev:liveReload
```
No matter which you choose, both will compile everything in `src/` to `dist/`.
### Deployment
To prep your app for deployment, run:
```sh
$ npm run build-production
```
This will minify your `js` and `css`, name the files accordingly, and put them in `dist/`.
## Website
View it [here](https://tynandebold.com/doggie-dictionary/).