https://github.com/szcn/vue-find-your-mode

A Vue.js app to find daily mode
https://github.com/szcn/vue-find-your-mode

giphy-api giphy-example vue-cli vue-search vuejs

Last synced: 8 months ago
JSON representation

A Vue.js app to find daily mode

• Host: GitHub
• URL: https://github.com/szcn/vue-find-your-mode
• Owner: szcn
• License: mit
• Created: 2020-05-05T08:47:14.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T16:43:42.000Z (almost 3 years ago)
• Last Synced: 2024-12-28T05:16:07.352Z (9 months ago)
• Topics: giphy-api, giphy-example, vue-cli, vue-search, vuejs
• Language: Vue
• Size: 2.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ![](./src/assets/vue.png) vue-find-your-mode

![](./src/assets/mode.gif)

> Giphy api example

> A Vue.js app to find daily mode

## Used tools:

[Vue CLI](https://github.com/vuejs/vue-cli)

[Vuejs templates - webpack simple](https://github.com/vuejs/vue-cli)

```yaml

{

  "name": "vue-find-your-mode",

  "description": "A Vue.js project",

  "version": "1.0.0",

  "author": "cn.sezai@gmail.com",

  "license": "MIT",

  "private": true,

  "scripts": {

    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",

    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"

  },

  "dependencies": {

    "vue": "^2.5.11"

  },

  "browserslist": [

    "> 1%",

    "last 2 versions",

    "not ie <= 8"

  ],

  "devDependencies": {

    "babel-core": "^6.26.0",

    "babel-loader": "^7.1.2",

    "babel-preset-env": "^1.6.0",

    "babel-preset-stage-3": "^6.24.1",

    "cross-env": "^5.0.5",

    "css-loader": "^0.28.7",

    "file-loader": "^1.1.4",

    "node-sass": "^4.5.3",

    "sass-loader": "^6.0.6",

    "vue-loader": "^13.0.5",

    "vue-template-compiler": "^2.4.4",

    "webpack": "^3.6.0",

    "webpack-dev-server": "^2.9.1"

  }

}

```

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).