leonnnop / iGallery

imitating Instagram Demo created with Vue2.x + Vuex + Vue-router + Element + Fleck(websocket)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


iGallery: imitating Instagram Demo created with Vue2.x + Vuex + Vue-router + Element + Fleck(websocket)


Screenshots

login

register

动态详情页

带评论动态详情页

发表新动态

发现页

个人页

私信

搜索

通知-消息

image-20180902183342508

image-20180902183442847

Features

  • Vue + vue-router + vuex + Axios + Fleck working together
  • Modern JavaScript syntax with ES6
  • vue-cli webpack template
  • Single-file Vue Components
  • Complex and different style view logic
  • Infinite loading list
  • Complete search logic
  • 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
  • axios : Promise based HTTP client for the browser and node.js
  • Element : Element, a Vue 2.0 based component library for developers, designers and product managers

Change log

  • 2 Sep, 2018:
    • Merged master
    • Project final update
  • 26 Jul, 2018:
    • Add dir /screenshot.
    • Update README fix screenshot

License

MIT Copyright (c) 2018 leonnnop

About

imitating Instagram Demo created with Vue2.x + Vuex + Vue-router + Element + Fleck(websocket)


Languages

Language:Vue 56.0%Language:C# 36.4%Language:JavaScript 6.6%Language:CSS 0.9%Language:HTML 0.1%Language:ASP.NET 0.0%