SiaStorage
所属分类:以太坊
开发工具:CSS
文件大小:7000KB
下载次数:0
上传日期:2020-08-19 19:39:43
上 传 者:
sh-1993
说明: Sia+ETH去中心化视频播放器
(Decentralized Video player with Sia+ETH)
文件列表:
.eslintrc.js (749, 2020-08-20)
config (0, 2020-08-20)
config\contractinstance.js (2732, 2020-08-20)
config\web3.js (503, 2020-08-20)
contracts (0, 2020-08-20)
contracts\EthSiaStorage.sol (1891, 2020-08-20)
contracts\utils (0, 2020-08-20)
contracts\utils\Context.sol (899, 2020-08-20)
contracts\utils\Ownabe.sol (2187, 2020-08-20)
image (0, 2020-08-20)
image\screenshots1.png (149146, 2020-08-20)
image\screenshots2.png (186028, 2020-08-20)
image\screenshots3.png (210906, 2020-08-20)
image\screenshots4.png (184799, 2020-08-20)
image\screenshots5.png (195540, 2020-08-20)
image\screenshots6.png (257066, 2020-08-20)
image\screenshots7.png (332560, 2020-08-20)
image\screenshots8.png (413176, 2020-08-20)
image\screenshots9.png (1672007, 2020-08-20)
next.config.js (175, 2020-08-20)
package-lock.json (467064, 2020-08-20)
package.json (903, 2020-08-20)
pages (0, 2020-08-20)
pages\_app.js (335, 2020-08-20)
pages\_document.js (809, 2020-08-20)
pages\dashboard.js (437, 2020-08-20)
pages\index.js (295, 2020-08-20)
public (0, 2020-08-20)
public\favicon.ico (15086, 2020-08-20)
public\vercel.svg (1101, 2020-08-20)
routes.js (101, 2020-08-20)
screenshots (0, 2020-08-20)
screenshots\screenshots1.png (149146, 2020-08-20)
screenshots\screenshots2.png (186028, 2020-08-20)
screenshots\screenshots3.png (210906, 2020-08-20)
screenshots\screenshots4.png (184799, 2020-08-20)
screenshots\screenshots5.png (195540, 2020-08-20)
... ...
# SiaStorage - (Sia)
SiaStorage is a video player. Where user can upload video on web3 platforms like Sia Storage.
SiaStorage will retrieve only uploaded videos by login users. And give accessibilty on this video files as a video player on the platform.
Even, The platform storing the video file details on ethereum blockchain.
## Screenhots
### 1. SiaStorage Landing Page with register
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots1.png)
### 2. Use will register here
- Once user press to register, Platform register with his/her metamask address.
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots2.png)
### 3. Dashboard
Successfully registered
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots3.png)
### 4. After press Add File,
- Once user register, user can see dashboard with empty video list
- Right side you can see metamask address and Add file features to Sia.
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots4.png)
### 5. Add file To sia,
- Select file from computer
- And Upload
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots5.png)
### 6. After upload you can see metamask transaction to upload detais on ethereum smart contract
- ETH+Sia
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/image/screenshots7.png)
### 7. Video Successfully uploaded
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots6.png)
### 8. Dashboard with video Gridview and download feature
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots8.png)
### 9. Video full view
![Screenshot](https://github.com/sunnyRK/SiaStorage/blob/master/screenshots/screenshots9.png)
## How to run and use for devs?
- Run Dapp on localhost
1). clone repo `https://github.com/sunnyRK/SiaStorage.git`
2). `cd SiaStorage`
3). Install dependencies for dapp `npm install`
4).Run Dapp `node server.js`
5). Go to `http://localhost:8000`
## Tech Stack We are using
- Sia Storage
- Ethereum (ETH+Sia concept to save file details)
- Next.Js and Material UI For Frontend
## Contacts
`radadiyasunny970@gmail.com`
[Twitter](https://github.com/sunnyRK/SiaStorage/blob/master/https://twitter.com/RadadiyaSunny)
`rajatbeladiya7@gmail.com`
[Twitter](https://github.com/sunnyRK/SiaStorage/blob/master/https://twitter.com/rajat_beladiya)
近期下载者:
相关文件:
收藏者: