iGallery

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 16 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

## Screenshots

![login](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/login.png)

![register](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/register.png)

![动态详情页](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/动态详情页.png)

![带评论动态详情页](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/带评论动态详情页.png)

![发表新动态](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/发表新动态.png)

![发现页](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/发现页.png)

![个人页](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/个人页.png)

![私信](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/私信.png)

![搜索](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/搜索.jpg)

![通知-消息](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/通知-消息.png)

![image-20180902183342508](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/首页.png)

![image-20180902183442847](https://raw.githubusercontent.com/leonnnop/iGallery/master/screenshot/首页-2.png)

## 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

```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, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

## Libraries

- [Vuex](https://vuex.vuejs.org) : Centralized State Management for Vue.js
- [Vue-router](http://router.vuejs.org/) : The official router for Vue.js
- [axios](https://github.com/axios/axios) : Promise based HTTP client for the browser and node.js
- [Element](https://element.eleme.io/#/en-US) : 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

iGallery

Today's picks

Was this content helpful?

Recent Feedback

iGallery

Today's picks

Was this content helpful?

Recent Feedback

Download README