• Stars
    star
    296
  • Rank 140,464 (Top 3 %)
  • Language Vue
  • License
    MIT License
  • Created almost 5 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Vue.js + IPFS = VIPFS. Create unstoppable applications

VIPFS

VIPFS

VIPFS is an alt-tech framework for creating permanent apps, blogs and websites that cannot be taken offline by anyone, including the government.

VIPFS is a simple boilerplate project for creating permanent websites with Vue.js and IPFS, it comes with useful templates and it is pre-integrated with Bootstrap, FontAwesome, Video.js, Vuex and VueRouter. Simply clone, build and run npm run publish to deploy it on IPFS and make it permanently accesable to the world.

Getting Started

$ git clone [email protected]:anthonybudd/vipfs.git
$ cd vipfs
$ npm install
$ npm run build
$ docker-compose up
$ open http://localhost:8000

$ npm run publish // wait.. returns 'Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
$ open http://localhost:8080/ipns/Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
$ open https://gateway.ipfs.io/ipns/Qmxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Video Tutorial

VIPFS Video Tutorial

Templates

VIPFS comes with a few templates to demonstrate functionality. You can easily modify these templates to suit your service's needs whether it be video hosting, file sharing, or e-commerce.

Archiving Websites

To archive a website run the following commands. This will archive a flat version of the webpage. Go to the /archive page to view an index of all archived webpages.

$ npm run archive -- https://example.com
$ npm run build
$ open http://localhost:8000/archive
$ npm run publish

Ethereum Payments with MetaMask

The payment template is an example of how you can handle Ethereum payments in your VIPFS app using MetaMask. You can then use the method this.$root.createRequestTransaction() in your Vue component to prompt the user into sending an Ethereum transaction directly from their browser to your Ethereum account. You can find the code for this template in src/components/payment.vue, you can easily modify this code to make a fully decentralised crypto-based e-commerce store.

Motivation

The golden age of the internet is over. Gone are the days of free speech, edgy-content and free open discussion. The once young and cool tech platforms have grown up into omnipotent dictators. Transgress todayโ€™s PC mono-culture and these tyrants will erase you from the digital world.

But just as one age has passed a new one is beginning. Distributed technology and crypto technology has matured dramatically over the past 5 years. The technical barriers to entry have never been lower. Thatโ€™s why I decided to combine some of these technologies to create VIPFS. I created this framework to make it as simple as possible for anyone with only minimal technical ability to create an unstoppable decentralised application that is impossible to take offline, block or censor.

Deplatforming is modern-day book burning. Code is free speech.