比特咖啡

Bitcoffee是RSK网络上的一个CrowdFonding Dapp，任何人都可以为他们的个人利益、运动、慈善基金等筹集资金，也可以为他们的追随者追随他们的目标，这是通过使用加密资产，如RBTC或我们自己的代币（BITC）。

特点。

• 👁🗨纯设计。
• 🦊 与Metamask连接。
• 简单的用户界面和漂亮的用户体验设计。
• 📡 RSK Testnet 网络。
• 💳 拥有自己的代币（BITC）的平台。
• 🌐 在分布式IPFS网络下。
• ⛏ RSK区块链上的ERC-20代币交易。

用以下方式构建。

• VueJs- Vuejs是一个用于构建用户界面的JavaScript框架。
• Web3.js - web3.js是一个库的集合，允许你使用HTTP、IPC或WebSocket与本地或远程以太坊节点互动。
• BootstrapVue- 广泛的组件和捆绑的Javascript插件列表。
• Sanity.io- Sanity是结构化内容的平台，为卓越的数字体验提供动力。
• Webpack- Webpack是一个模块捆绑器。它的主要目的是捆绑JavaScript文件以便在浏览器中使用，然而它也能够转换、捆绑或包装几乎任何资源或资产。
• Node.js-作为一个异步事件驱动的JavaScript运行时，Node.js被设计用来构建可扩展的网络应用。

路线图。

阶段1:

• 线框和Ui。
• 品牌建设。
• 初始结构。
• 架构部署。

🚀 第二阶段。

• ERC-20代币。
• 智能合约部署在RSK Testnet上。
• 单元测试。
• Dapp v1 启动。

🏁 第三阶段。

• 会员资格的智能合约。
• 重塑品牌的基本要素。
• 跨链支持。
• Dapp v2启动。

屏幕截图

主视图。

关于我们 查看。

我们的代币查看。

公开资料查看。

作者。

• @srteerra
• @Guapura89
• @jonocrod12

演示。

FigmaBitCoffee

快速启动

要在本地运行 Bitcoffe。

先决条件。

• 需要一个网络浏览器。
• Metamask扩展。
• Node.js^ 16.0.0

安装。

1. 首先需要创建一个文件夹，你将在其中保存该项目。
2. 在终端上移动到文件夹。

cd/to/folder/file

2. 需要克隆资源库

git clone https://github.com/srteerra/bitcoffee.git

3. 你需要用它来安装dependeces。

npm install

用于开发

为运行应用程序需要使用。

npm run server

项目结构

$ BitCoffee Tree
bitcoffee/
├── build:
│    ├── contracts:                         # Folder for Smart Contracts JSON.
│    ├── Migrations.sol:                    # 
│    └── Thosony.sol:                       # Bitcoffee Smart Contract ERC-20 token.
├── src/:                                   # Folder for source content.
│    ├──app/:                               # Folder for Front-end.
│    │    ├──assets/:                       # Folder for project assets.
│    │    │   ├──icons/                  
│    │    │   ├──images/                 
│    │    │   ├──logos/               
│    │    │   ├──vectors/                
│    │    │   ├──breakpoints.scss:          # File for Media Queries.
│    │    │   ├──globals.scss:              # File for global styles.
│    │    │   ├──style.scss:                # File for main styles.
│    │    │   └──variables.scss;            # File for style variables.
│    │    ├──components/:                   # Folder for Vue components.
│    │    ├──router/:    
│    │    │   └──index.js                   # File for router view.
│    │    ├──store/:                        
│    │    │   ├──actions.js                 # File for Vuex methods. 
│    │    │   ├──getters.js                 # File for computed properties for stores.
│    │    │   ├──index.js                   
│    │    │   ├──mutations.js               # File for state trasformations
│    │    │   └──state.js                   # File for stored data.
│    │    ├──views/:                        # File for Views.
│    │    ├──App.vue:                       
│    │    ├──index.html:                    # Main HTML.
│    │    └──index.js:                      
│    ├──lib/:                               # Folder for local modules and tools.
│    └──app.js:                             # File to run the aplication. 
├── studio/:                                # Sanity Folder.
└── README.md:                              # Default README file.

GitHub

查看Github