web3swim
所属分类:NFT
开发工具:TypeScript
文件大小:1558KB
下载次数:0
上传日期:2022-03-07 16:57:27
上 传 者:
sh-1993
说明: {开发者DAO web3con 2022 Hack}-一个去中心化的流媒体平台,旨在激励任何人成为制作人和e...
({ Developer DAO web3con 2022 Hack } — a decentralized streaming platform to incentivize anyone to be a producer and earn from their supporters)
文件列表:
.babelrc (92, 2022-03-08)
.eslintrc.json (40, 2022-03-08)
assets (0, 2022-03-08)
assets\Favicon.png (15001, 2022-03-08)
assets\MetaMask_Logo.webp (32800, 2022-03-08)
assets\polygon-matic_Logo.png (10012, 2022-03-08)
components (0, 2022-03-08)
components\Footer (0, 2022-03-08)
components\Footer\FooterElements.jsx (792, 2022-03-08)
components\Footer\index.tsx (668, 2022-03-08)
components\GoLive (0, 2022-03-08)
components\GoLive\APIKeyForm.tsx (1063, 2022-03-08)
components\GoLive\AppBody.tsx (8795, 2022-03-08)
components\Home (0, 2022-03-08)
components\Home\HomeElements.jsx (1034, 2022-03-08)
components\Home\index.tsx (2174, 2022-03-08)
components\Layout.jsx (213, 2022-03-08)
components\NavBar (0, 2022-03-08)
components\NavBar\NavBarElements.jsx (4104, 2022-03-08)
components\NavBar\index.tsx (6835, 2022-03-08)
components\Profile (0, 2022-03-08)
components\Profile\Blockies.module.css (0, 2022-03-08)
components\Profile\Blockies.tsx (785, 2022-03-08)
components\Profile\ProfileElements.jsx (4346, 2022-03-08)
components\Stream (0, 2022-03-08)
components\Stream\StreamElements.jsx (582, 2022-03-08)
components\Theme (0, 2022-03-08)
components\Theme\ThemeToggle.jsx (2207, 2022-03-08)
components\index.tsx (51, 2022-03-08)
context (0, 2022-03-08)
context\Web3Context (0, 2022-03-08)
context\Web3Context\index.tsx (1070, 2022-03-08)
context\Web3Context\initialState.tsx (159, 2022-03-08)
context\Web3Context\reducer.ts (1049, 2022-03-08)
contracts (0, 2022-03-08)
contracts\Migrations.sol (419, 2022-03-08)
contracts\web3swimBalance.sol (2178, 2022-03-08)
... ...
![header-image](https://github.com/BrianHHough/web3swim/blob/master/./public/web3swim-banner-image.png)
# Web3Swim
### Tools Utilized:
* **Front-End:** NEXTjs with TypeScript
* **Back-End:** Solidity (Smart Contracts) + Moralis (Database) + Thirdweb (Middleware)
* **Blockchain:** Polygon (ERC20 Coin Contract + ERC721 NFT Contract)
* **Video Streaming:** Livepeer (Decentralized Streaming)
* **Storage:** IPFS & Filebase (NFTs)
## Watch Our Video
![web3swim video](https://github.com/BrianHHough/web3swim/blob/master/https://i.vimeocdn.com/video/1388936696-bcbee67***c4e5c270c6bf47e795059be30d9a32782907f50233f739c9b6a54ab-d?mw=1100&mh=4***)
[View the video on Vimeo](https://github.com/BrianHHough/web3swim/blob/master/https://vimeo.com/685326701/807ea6509e)
## OpenSea Collection
### ![OpenSeaCollection](https://github.com/BrianHHough/web3swim/blob/master/https://lh3.googleusercontent.com/55ltjtMGyMCQp90LjJHO2QPDhkhaEmTt2ABssovHO7TJMF5re9nbXhUW_UHxIFg2beS3Ex5xQLXNXk1vRBAJbEWYMehIfmh6KOntYA=s130)
[View on OpenSea (Polygon x IPFS x Filebase)](https://github.com/BrianHHough/web3swim/blob/master/https://testnets.opensea.io/collection/web3swim-nft)
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](https://github.com/BrianHHough/web3swim/blob/master/http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
[API routes](https://github.com/BrianHHough/web3swim/blob/master/https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](https://github.com/BrianHHough/web3swim/blob/master/http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://github.com/BrianHHough/web3swim/blob/master/https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://github.com/BrianHHough/web3swim/blob/master/https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://github.com/BrianHHough/web3swim/blob/master/https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/BrianHHough/web3swim/blob/master/https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://github.com/BrianHHough/web3swim/blob/master/https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://github.com/BrianHHough/web3swim/blob/master/https://nextjs.org/docs/deployment) for more details.
近期下载者:
相关文件:
收藏者: