shudery / bonjour

Awesome bonjour web project created with Vue2.x + Vuex + Vue-router + axios

Awesome bonjour web project created with Vue2.x + Vuex + Vue-router + axios

Features

• Vue + vue-router + vuex + axios working together
• Vuex divide store into modules
• Modern JavaScript syntax with ES6/ES7
• vue-cli webpack template
• Single-file Vue Components
• API request seperated
• Real remote API and some mock data
• eslint linter integration
• Hot-reload in development
• Css with Sass
• No third party CSS framework
• Complex and different style view logic
• Infinite loading list
• Complete search logic
• Custom components like List, Rating, Tags ...
• Authentication with JSON Web Tokens
• Complete register login logic ......

Build Setup

# 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, checkout the guide and docs for vue-loader.

Libraries

• Vuex : Centralized State Management for Vue.js
• Vue-router : The official router for Vue.js
• vue-resource : The HTTP client for Vue.js
• Superagent : Ajax with less suck - (and node.js HTTP client to match)
• vue-infinite-loading : An infinite scroll plugin for Vue.js 1.0 & Vue.js 2.0.
• normalize.css : A collection of HTML element and attribute style-normalizations
• vue-scroll-behavior : Completely customize the scroll behavior on route navigation

File Structure

.
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config
│   ├── dev.env.js
│   ├── index.js
│   └── prod.env.js
├── index.html
├── LICENSE
├── package.json
├── README.md
├── src
│   ├── App.vue
│   ├── assets
│   │   ├── avatar.png
│   │   └── user_normal.jpg
│   ├── components
│   │   ├── Banner.vue
│   │   ├── Card.vue
│   ├── main.js
│   ├── router
│   │   └── index.js
│   ├── store
│   │   ├── index.js
│   │   └── modules
│   │       ├── activities.js
│   │       └── user.js
│   └── pages
│       ├── BookView.vue
│       └── TalionView.vue
└── static
    └── logo.png

Change log

• 2018-3-17:
  • init project from douban to bonjour
  • write first version home page

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request

Thanks

License

MIT Copyright (c) 2017 Jeneser