https://github.com/deepraining/image-viewer

一个基于 Electron, React, React Router 开发的图片查看器. An image viewer application based on Electron, React, React Router.
https://github.com/deepraining/image-viewer

electron image player react redux viewer

Last synced: about 1 month ago
JSON representation

一个基于 Electron, React, React Router 开发的图片查看器. An image viewer application based on Electron, React, React Router.

• Host: GitHub
• URL: https://github.com/deepraining/image-viewer
• Owner: deepraining
• License: mit
• Created: 2018-08-21T00:42:20.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-07-07T04:13:44.000Z (almost 5 years ago)
• Last Synced: 2025-04-12T18:09:05.816Z (about 1 month ago)
• Topics: electron, image, player, react, redux, viewer
• Language: JavaScript
• Homepage:
• Size: 5 MB
• Stars: 10
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.en.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# image-viewer

[中文文档](./README.md)

An image viewer application based on Electron, React, React Router.

## preview

![intro](./screen/intro.png)

![home](./screen/home.png)

![detail](./screen/detail.png)

![preview](./screen/preview.png)

![play](./screen/play.png)

![play](https://user-images.githubusercontent.com/12265053/44616267-3e0aac80-a87f-11e8-9c35-6451d91afe0a.gif)

![play](https://user-images.githubusercontent.com/12265053/44616256-eff5a900-a87e-11e8-9598-f09f25582172.gif)

## related

- [electron-react-boilerplate](https://github.com/chentsulin/electron-react-boilerplate)

- [diaporama](https://github.com/gre/diaporama)

- [ant-design](https://github.com/ant-design/ant-design)

- [react-medium-image-zoom](https://github.com/rpearce/react-medium-image-zoom)

## development

```

# clone repository

git clone https://github.com/senntyou/image-viewer.git

# install dependencies

npm install

# dev

npm run dev

# run in production mode

npm run start

# create installer

npm run package-all # create installer for linux&win&mac.

npm run package-linux # create installer only for linux.

npm run package-win # create installer only for win.

npm run package-mac # create installer only for mac.

```