GithubHelp home page GithubHelp logo

arcana-network / demo-app Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 2.0 4.33 MB

A sample full-fledged dApp that integrates with Arcana Auth and Storage SDKs. It demonstrates how any dApp can utilize Arcana Auth and Storage SDKs to build user onboarding and data privacy features quickly.

Home Page: https://demo.arcana.network

HTML 1.15% JavaScript 30.51% Vue 63.58% CSS 2.49% Shell 0.76% Dockerfile 0.40% Makefile 1.11%
tutorial arcana-auth-sdk arcana-storage-sdk data-privacy decentralized-applications sample user-onboarding vue

demo-app's Introduction



Twitter URL

Arcana Network Drive

Sample Demo App

Sample Demo App demonstrates how a dApp can utilize Arcana Auth and Storage SDK for quickly onboarding dApp users and enable user data privacy.

You can access the public deployment or clone our GitHub repository to build, setup a local deployment and test drive this sample application.

๐Ÿ’ช Key Features

  • โš™๏ธ ย  Integrates with Arcana Network SDKs

    • Auth SDK
    • Storage SDK

  • ๐Ÿ—๏ธ ย  Uses social authentication feature of Auth SDK to enable user onboarding via Google OAuth.

  • ๐Ÿ‘› ย Assigns Arcana wallet address for each authenticated user, internally. User doesn't have to necessarily set up and use a wallet explicitly.

  • ๐Ÿ—„๏ธ ย  Allows dApp users to upload their data in Arcana Store for access control and privacy.

  • ๐Ÿ“‚ ย  Enables dApp users full ownership and control of their data residing in Arcana Store. Only data owners can download, share, revoke access, delete or transfer data ownership to another user.

๐ŸŒ Public Deployment

You can try out Arcana Network Drive here: https://demo.arcana.network

โš™๏ธ Installation

Local Development

Prerequisites: You'll need an up to date node.js and npm installed in your system for this demo to work. Use LTS v16 or higher.

Clone the repository

git clone <repo-url>

Install Dependencies

  • Install package dependencies
npm install

Setup Environment Variables

  • Create .env file in root and copy the content of .env.example.
cp .env.example .env

Replace all variable values with actual environment variables

  • To run the project in development environment
npm run dev

Build and Run

  • To build the project for production (to generate static files for hosting)
npm run build

Docker: Local Development

Prerequisites:

Clone the Repository

git clone [email protected]:arcana-network/demo-app.git

Setup Container Environment

cp .env.example .env

Build and Run

Run local environment with demo-app

make run-local

๐Ÿ“š Usage

Check out the Demo App Usage Guide for usage details.

For other code samples and templates to help developers speed up Arcana SDK integration, visit Code Samples section of Arcana Network documentation.

๐Ÿ’ก Support

For any support or integration related queries, contact the Arcana Support Team.

๐Ÿค Contributing Guide

We welcome all contributions to this public repository from the community.

Read our contributing guide to learn more about the our development process, how to propose bug fixes and improvements, and the code of conduct that we expect the participants to adhere to.

โ„น๏ธ License

This public repository from Arcana Network is distributed under the MIT License.

For details see Arcana License.

demo-app's People

Contributors

ajithranka avatar karthik-durai avatar makylfang avatar mmjee avatar nagarjun-repala avatar sauravkanchan avatar shaloo avatar shrinathprabhu avatar

Stargazers

 avatar  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.