SkillAgentSearch skills...

IGallery

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

Install / Use

/learn @leonnnop/IGallery
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

<p align="center"> <img src="./screenshot/logo.png" width="100px"> </p> <br> <p align="center"> iGallery: imitating Instagram Demo created with Vue2.x + Vuex + Vue-router + Element + Fleck(websocket) </p> </br>

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

Related Skills

View on GitHub
GitHub Stars16
CategoryDevelopment
Updated8mo ago
Forks9

Languages

Vue

Security Score

67/100

Audited on Jul 16, 2025

No findings