Code Monkey home page Code Monkey logo

blip-arweave's Introduction

▶️ Blip

Blip is a video sharing app that leverages the power of Arweave. With Blip, users can securely upload their videos to the blockchain, ensuring permanent storage. Additionally, Blip allows users to easily manage the rights to their content by utilizing the Universal Data License. It's a simple and efficient way to share and protect your videos on the Arweave network.


Features ✨

Blip offers several key features that make it a standout video sharing app:

  1. Permanent Storage: Blip utilizes Arweave, providing users with a secure and permanent storage solution for their videos. With a one-time upfront fee, videos are stored on the blockchain, ensuring long-term accessibility.
  2. Universal Data Licensing: Users can easily manage the rights to their videos by adding license tags through Blip's universal data licensing feature. This allows for clear specifications on content rights, including derivation, revenue share, and commercial use.
  3. Smartweave Contracts: Blip leverages smartweave contracts for all interaction logic, such as commenting, liking, and disliking. This ensures a seamless and efficient user experience.
  4. Wallet Connection: Blip integrates ArweaveKit for wallet connection, enabling users to connect multiple Arweave wallets, including ArConnect, Arweave.app, and Othnet. Additionally, users can log in with their Google accounts for added convenience.
  5. ArProfile Customization: Similar to ENS Profiles, Blip offers ArProfile, allowing users to personalize their avatars, handles, and names on the Arweave network. This adds a touch of individuality to their video sharing experience.
  6. Live Video Transcoding: Blip incorporates Livepeer for live video transcoding, minimizing latency and ensuring a smooth streaming experience between you and your video content.

Screenshots 📸



Attachments
Create Attachment Start Conversation
Create Attachment Start Conversation

Video Demo 🎥


Tech Stack 💻


Getting Started 🚀

📝 Smart Contract

To get started with Blip smart contracts, follow these steps:

  1. Navigate to the contracts directory and locate the contracts under the src folder.

  2. Install the necessary dependencies by running the following command:

    npm install
  3. Build the contracts by running the build command:

    npm run build
  4. To run the tests located in the tests folder, use the following command:

    npm run test

    This will execute the blip.test.ts file and run the tests.

  5. If you wish to deploy your contract to the mainnet, there is a deploy script available in the tools folder. Before running the script, make sure to store your JWK Key in a folder named "keys" with the file name "jwk.json".

  6. To deploy the contract, run the following command:

    npx ts-node tools/deploy-contract.ts

Additionally, there is already a deployed contract on the mainnet with the contract address:

a-mJI2Mb3puHbi1Md5TYNFMNVyvKDPwx1yHBafpE7mc

You can view the Contract in the explorer

https://sonar.warp.cc/#/app/contract/a-mJI2Mb3puHbi1Md5TYNFMNVyvKDPwx1yHBafpE7mc?network=mainnet


📱 Blip App

To get started with the Blip frontend app, follow these steps: Navigate to the app directory and install the necessary dependencies by running the following command:

npm install

Create a new file called .env.local in the root directory of the app. This file will contain the required environment variables. Inside the .env.local file, add the following environment variables:

NEXT_PUBLIC_THIRDWEB_CLIENT_ID=''
NEXT_PUBLIC_LIVEPEER_API_KEY=''

To obtain the thirdweb Client Id, you can visit the thirdweb Dashboard and retrieve the API key from there.

Similarly, for the Livepeer API, you can obtain it from the Livepeer Studio dashboard.

Once you have filled in the environment variables in the .env.local file, you can start the development server by running the following command:

npm run dev

Open your web browser and navigate to http://localhost:3000 to access the Blip app.

By following these steps, you will be able to set up and run the Blip contracts and front-end app on your local development environment.

Enjoy exploring the features and functionalities of Blip!


blip-arweave's People

Contributors

envoy-vc avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.