All Projects → efichot → Dapp Boilerplate

efichot / Dapp Boilerplate

🌀 Decentralize application boilerplate with React Redux and Firebase integration.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Dapp Boilerplate

Angular Truffle Starter Dapp
Angular CLI + Truffle Starter Dapp; write, compile & deploy smart contracts on Ethereum blockchains
Stars: ✭ 174 (+2800%)
Mutual labels:  truffle, ethereum-dapp
Disperse
React/Redux dApp (decentralized app) boilerplate using Ethereum's blockchain
Stars: ✭ 36 (+500%)
Mutual labels:  truffle, ethereum-dapp
tvdapp
Blockchain DApp using React, Next.js and MobX
Stars: ✭ 66 (+1000%)
Mutual labels:  truffle, ethereum-dapp
Eth Vue
Featured in Awesome Vue [https://github.com/vuejs/awesome-vue], a curated list maintained by vuejs of awesome things related to the Vue.js framework, and Awesome List [https://awesomelists.net/150-Vue.js/3863-Open+Source/18749-DOkwufulueze-eth-vue], this Truffle Box provides everything you need to quickly build Ethereum dApps that have authentication features with vue, including configuration for easy deployment to the Ropsten Network. It's also Gravatar-enabled. Connecting to a running Ganache blockchain network from Truffle is also possible -- for fast development and testing purposes. Built on Truffle 5 and Vue 3, eth-vue uses vuex for state management, vuex-persist for local storage of app state, and vue-router for routing. Authentication functionalities are handled by Smart Contracts running on the Ethereum blockchain.
Stars: ✭ 171 (+2750%)
Mutual labels:  truffle, ethereum-dapp
svelte-box
A truffle box for svelte
Stars: ✭ 60 (+900%)
Mutual labels:  truffle, ethereum-dapp
solidity-contracts
📦 Resources for the Ethereum Smart Contract Development tutorial series.
Stars: ✭ 64 (+966.67%)
Mutual labels:  truffle, ethereum-dapp
React Ethereum Dapp Example
A starter boilerplate for an Ethereum dapp using web3.js v1.0, truffle, react, and parity
Stars: ✭ 384 (+6300%)
Mutual labels:  truffle, ethereum-dapp
Emberfire
The officially supported adapter for using Firebase with Ember
Stars: ✭ 689 (+11383.33%)
Mutual labels:  firebase
Nice Front End Tutorial
🌍 Constantly updated front-end resources, tutorials, opinions(与时俱进版前端资源,教程和意见。)
Stars: ✭ 755 (+12483.33%)
Mutual labels:  webassembly
Awesome Wasm
😎 Curated list of awesome things regarding WebAssembly (wasm) ecosystem.
Stars: ✭ 6,377 (+106183.33%)
Mutual labels:  webassembly
Firebase Server
Firebase Realtime Database Server Implementation
Stars: ✭ 673 (+11116.67%)
Mutual labels:  firebase
Ring
Innovative and practical general-purpose multi-paradigm language
Stars: ✭ 716 (+11833.33%)
Mutual labels:  webassembly
Wild Workouts Go Ddd Example
Complete application to show how to apply DDD, Clean Architecture, and CQRS by practical refactoring of a Go project.
Stars: ✭ 756 (+12500%)
Mutual labels:  firebase
Todoist
Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Todoist Using React
Stars: ✭ 686 (+11333.33%)
Mutual labels:  firebase
Chat Sdk Ios
Chat SDK iOS - Open Source Mobile Messenger
Stars: ✭ 813 (+13450%)
Mutual labels:  firebase
Pyfcm
Python client for FCM - Firebase Cloud Messaging (Android, iOS and Web)
Stars: ✭ 674 (+11133.33%)
Mutual labels:  firebase
Angularfire
The official Angular library for Firebase.
Stars: ✭ 7,029 (+117050%)
Mutual labels:  firebase
Wasmer Php
🐘🕸️ WebAssembly runtime for PHP
Stars: ✭ 796 (+13166.67%)
Mutual labels:  webassembly
Ssvm
SSVM is a high performance, extensible, and hardware optimized WebAssembly Virtual Machine for cloud, AI, and blockchain applications.
Stars: ✭ 751 (+12416.67%)
Mutual labels:  webassembly
Webassembly Examples
Code examples that accompany the MDN WebAssembly documentation — see https://developer.mozilla.org/en-US/docs/WebAssembly.
Stars: ✭ 744 (+12300%)
Mutual labels:  webassembly

Boilerplate for Dapp

Synapsis

Full speed Ahead for internet 3.0 and Blockchain Interopability.

This project was bootstrapped with Create React App.

The Dapp-Boilerplate boilerplate integrates uPort and Firebase. In other words cloud resources, application permissions and other identity related features can be administrered from the uPort Self-Sovereign Identity Systems and deployed within Google's Firebase (Infrastructure as a Service).

git clone https://github.com/efichot/Dapp-Boilerplate

yarn

yarn start // development
yarn build // production

yarn build:wasm // compile C or C++ into WebAssembly
yarn build:asm // compile C or C++ into asm.js

logo logo logo logo logo DRIZZLE

Distributed Autonomous Management System The Boilerplate aims to solve the challenge of starting a dapp or a app where you need to manage, organize and facilitate a large distributed network of people.

This project will grow over time As of right now, the primary objective is to refine the user interface

How it's Built

The Frontend is primary built in React, Redux and Redux Saga. The Backend is built primary with Firebase.

  1. Atomic Design Philosophy
  2. Component/Container Separation
  3. Functional State Management

The functions forder is the folder who contains all the firebase functions so you can write modern javascript for serveless architecture. You will need to deploy the functions first if you want modify the way firebase add new user (authentication) and require only the UID (Unique Identifier) of uport app. See how to deploy cloud function on firebase website, (with the firebase CLI) you will need to change the /functions/index.js with your firebase private key in order to change the authentication. Again see the firebase docs for the firebase admin SDK and his private key for modifying your authentication server to produce custom signed tokens when a user succesfully signs in. Your app receives this token and uses it to authenticate with firebase.

By the way uport is available for Android and IOS.

You have also a /contracts folder for keeping your solidity smart contracts, and a truffle.js for communicate with testrpc, ganache or whatever. You can use truffle develop in the console right now, see the truffle doc.

How It Works

  1. Login With uPort
  2. Attest Firebase UID
  3. Request Application Permissions

Tools

WebAssembly The WebAssembly NPM Package (https://www.npmjs.com/package/webassembly) is a minimal toolkit for WebAssembly. It's used by the script build:wasm to build .c or .cpp into .wasm in the same folder. You can use this .wasm file with the wasm-loader for webpack, see how it's work (https://github.com/ballercat/wasm-loader)

    npm install -g webassembly

ps: You can use this Website: for testing and compiling fast c into wasm (https://mbebenita.github.io/WasmExplorer/) for not being cumbersome. Emscripten Emscripten is use to compile .c or .cpp in .asm a javascript readable format but way slower than .asm.js For installation see this: https://kripken.github.io/emscripten-site/docs/getting_started/downloads.html

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].