IGallery
imitating Instagram Demo created with Vue2.x + Vuex + Vue-router + Element + Fleck(websocket)
Install / Use
/learn @leonnnop/IGalleryREADME
<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












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
Related Skills
node-connect
351.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
110.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
351.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
351.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
