Git Product home page Git Product logo

losdwind / ext-social-king Goto Github PK

View Code? Open in Web Editor NEW
5.0 1.0 0.0 2.06 MB

Social King leverages the principle that successful content behaves like successful memes, transforming the way we trade and invest in social media content.

Home Page: https://figurich.com/social-king

JavaScript 1.22% TypeScript 98.05% CSS 0.73%
chainlink-functions chainlink-hackathon-2024 chainlink-price-feeds chrome-extension social-fi twitter-extension youtube-extension social-king

ext-social-king's Introduction

Social King: Content Trading & Investing Platform

Social King is not just a decentralized browser extension. It's a paradigm shift in content trading and investment. It leverages the principle that successful content behaves like successful memes, transforming the way we trade and invest in social media content.

Features

  • Content Trading: Buy and sell rights to social media posts and content from platforms like Twitter and YouTube.
  • Commission Structure: Implements a commission fee structure where 1% goes to the creator, 3% to the author, and 1% to the Social King platform, incentivizing content creation and platform growth.
  • Chrome Extension: Features a convenient Chrome extension that embeds buy/sell buttons directly on Twitter and YouTube interfaces, alongside a browser side panel that highlights trending posts.

Tech Stack

  • ERC1155 (Ethereum): Utilizes the ERC1155 token standard for efficient multi-token management.
  • Chainlink: Integrates Chainlink for decentralized oracle functions and real-time data feeds to ensure accurate pricing and secure account bindings.
  • TheGraph: Leverages TheGraph for indexing and querying blockchain data, enhancing data retrieval efficiency.
  • Plasmo Framework: Employs the Plasmo browser extension framework for robust, scalable extension development.

Screenshots

extension-side-panel

buy sell

Getting Started

This is a Plasmo extension project bootstrapped with plasmo init.

First, run the development server:

pnpm dev
# or
npm run dev

Open your browser and load the appropriate development build. For example, if you are developing for the chrome browser, using manifest v3, use: build/chrome-mv3-dev.

You can start editing the popup by modifying popup.tsx. It should auto-update as you make changes. To add an options page, simply add a options.tsx file to the root of the project, with a react component default exported. Likewise to add a content page, add a content.ts file to the root of the project, importing some module and do some logic, then reload the extension on your browser.

For further guidance, visit our Documentation

Making production build

Run the following:

pnpm build
# or
npm run build

This should create a production bundle for your extension, ready to be zipped and published to the stores.

Submit to the webstores

The easiest way to deploy your Plasmo extension is to use the built-in bpp GitHub action. Prior to using this action however, make sure to build your extension and upload the first version to the store to establish the basic credentials. Then, simply follow this setup instruction and you should be on your way for automated submission!

ext-social-king's People

Contributors

losdwind avatar

Stargazers

LostPixel avatar  avatar  avatar Noah avatar 谢俊华 avatar

Watchers

 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.