A Web3 platform for all content creators to continue doing what we like and enjoy.

Overview

Logotipo 500x500 px (1)

Bitcoffee

MIT License

Bitcoffee is a CrowdFonding Dapp on the RSK network, in which anyone can raise funds for their personal interests, campaigns, charity funds, etc., as well as for their followers to follow their goals, this through the use of crypto assets such as RBTC or our own token (BITC).

Features:

  • πŸ‘β€πŸ—¨ Pure desing.
  • 🦊 Connection with Metamask.
  • πŸ“± Easy UI and a beautiful UX Design.
  • πŸ“‘ RSK Testnet Network.
  • πŸ’³ Platform with own token (BITC).
  • 🌐 Under the distributed IPFS network.
  • ⛏ ERC-20 Tokens transactions on RSK Blockchain.

Built with:

  • VueJs - Vuejs is a JavaScript framework for building user interfaces.
  • Web3.js - web3.js is a collection of libraries that allow you to interact with a local or remote ethereum node using HTTP, IPC or WebSocket.
  • BootstrapVue - Extensive list of components and Bundled Javascript plugins.
  • Sanity.io - Sanity is the platform for structured content that powers remarkable digital experiences.
  • Webpack - Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
  • Node.js -As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applications.

RoadMap:

🚩 Phase 1:

  • Wireframes and Ui.
  • Branding.
  • Initial structure.
  • Fleek deploy.

πŸš€ Phase 2:

  • ERC-20 Token.
  • Smart Contract deployed on RSK Testnet.
  • Unit testing.
  • Dapp v1 Launch.

🏁 Phase 3:

  • Smart contract for memberships.
  • Rebranding essentials.
  • Cross-chain support.
  • Dapp v2 Launch.

Screenshots

Home View:

Slide 16_9 - 1

About View:

Slide 16_9 - 10

Our Token View:

Slide 16_9 - 9

Public Profile View:

Slide 16_9 - 2

Authors:

Demo:

FigmaBitCoffee

Quick start

To run Bitcoffe localy:

Prerequisites:

Instalation:

  1. First need to create a Folder, where you will save the project.
  2. move on terminal to Folder.
cd/to/folder/file
  1. Need to clone the repository
git clone https://github.com/srteerra/bitcoffee.git
  1. you need install dependeces with:
npm install

For development

for run app need to use:

npm run server

Project Structure

$ 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.
You might also like...
Bridge from web2 to web3 for dev.to users. code for dev.to x appwrite hackathon

bridge can get dev.to users' articles and let them deploy their articles to the permanent storage provided by Arweave so that they can make their artices be permanently hosted in blockchain and no one can change them, delete them, and let them can not be accessed.

seikatsu nft website. built with vue deployed with firebase. includes a metamask plugin extension injects the Ethereum web3 API into every website's javascript context, so this dapp can read from the blockchain
seikatsu nft website. built with vue deployed with firebase. includes a metamask plugin extension injects the Ethereum web3 API into every website's javascript context, so this dapp can read from the blockchain

seikatsu nft website. built with vue deployed with firebase. includes a metamask plugin extension injects the Ethereum web3 API into every website's javascript context, so this dapp can read from the blockchain

A content management system for voice apps like Alexa Skills and Google Actions
A content management system for voice apps like Alexa Skills and Google Actions

Voice CMS A content management system for voice apps like Alexa Skills and Google Actions. Introduction Setup Features Introduction The goal of this o

Icpscan is a Block Explorer and Analytics Platform for Dfinity, ICP is a global computing platform.

Icpscan is a Block Explorer and Analytics Platform for Dfinity Project includes: Transactions (Search) Project (Project) Rank (ICP Holder Address Rank

An easy to use new terminal for Windows/Linux/MacOS platform. It like Xshell or SecureCRT or PuTTY shell client.
An easy to use new terminal for Windows/Linux/MacOS platform. It like Xshell or SecureCRT or PuTTY shell client.

NxShell An easy to use new terminal for Windows/Linux/MacOS platform. It like Xshell or SecureCRT or PuTTY shell client. NxShell Video Screenshots Mor

A Twitter-like, 9GAG-like web app made in Laravel 9, Vue3, InertiaJS & Tailwind

Nothing special, just a birb-gag To learn, to enjoy coding. A Twitter-like, 9GAG-ish web app where users can post text, image & video posts in categor

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.
Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.
A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.

A Free and Opensource Laravel eCommerce framework built for all to build and scale your business.

Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS πŸ‘‰ https://srvrsi.de/book

This repository is no longer active, BUT you can still get access to the latest code We will leave this repostiory in read-only because a lot of Dan's

Comments
  • Web3js invalid provider

    Web3js invalid provider

    There's a problem with the given provider.

    Uncaught (in promise) Error: connection not open on send()

    I tested in a browser with any wallet and there is no problem.

    But when I do it with one where there is no wallet, it stays on blank page.

    image

    bug 
    opened by srteerra 1
  • Development new features for wallet functions

    Development new features for wallet functions

    • Footer component added
    • Web3js implemented
    • Wallet detection
    • Connect wallet done
    • Username linked
    • Sanity set up
    • Sanity user creation
    • Sanity schema completed
    opened by srteerra 1
Releases(v2)
  • v2(Nov 3, 2022)

    • New features on crowdfunding smart contract
      • Launch new campaign
      • Contribute to campaign
      • Claim campaign
      • Refund campaign
      • Cancel campaign
    • No provider handling
    • Explore view for creators and goals
    • FAQ view
    • New tutorials on platform
    • Security filters on forms
    • New footer component
    • Coin Gecko API implementation
    • Images optimization
    Source code(tar.gz)
    Source code(zip)
  • v1(Oct 3, 2022)

Owner
Angel Lopez
Working remotely 🐈. CEO/Founder of @Doycoin, Founder of @GarblerTeam
Angel Lopez
NFT Treasure Chest provide creators with multimedia data (files, pictures, audio, video) on-chain permanent storage and other core functions and services

NFT Treasure Chest NFT Treasure Chest provide creators with multimedia data (files, pictures, audio, video) on-chain permanent storage and other core

Linden 4 Sep 23, 2022
A delightful desktop app for independent NFT artists and creatorsπŸš€

A delightful desktop app for busy NFT artists and creators who don't want to spend valueable time downloading sketchy software, stressing over configuration files, and watching hours of YouTube videos.

Varly.app 27 Dec 24, 2022
🌍 A non intrusive open source app to discover and enjoy the world

?? A non intrusive open source app to discover and enjoy the world

Pukara 4 Aug 9, 2022
BookSplore - A Place to Enjoy Books

Booksplore is a website where you can enjoy, and explore the world of books - with your friends, and in the comfort of your browser! It offers a safe online environment for you to engross yourself in the world of books with your friends.

null 26 Dec 23, 2022
Web3 with Nuxt, Moralis and TailwindCSS

Web3 using Nuxt, Moralis & TailwindCSS. Display a users balance, NFT Count and check if they own an NFT in your project.

Roy Barber 4 May 24, 2022
A sleek Open-Source, Non-Custodial, and Multi-Chain Crypto/Web3 wallet.

Vulture is an open-source cryptocurrency wallet that aims to become a general interface for blockchain, primarily made for Aleph Zero, but with a strong focus on supporting multi-chain.

psycoders.club 5 Sep 6, 2022
A repo containing all code for all online courses. To be used mostly as a reference and/or workbench

Online Courses Workbench A repo containing all code for online courses. Mostly to be used as a reference and/or workbench (as I keep switching workspa

Lexx YungCarter 0 May 24, 2022
YOWL is a web application, Allow users to comment on all of the content found on the Internet

YOWL Project This is a web-app project as part of our studies in Epitech It's a web application that will allow users to comment on all of the music c

null 3 Sep 27, 2022
The fast web3 application toolkit ⚑️

Building modern web3 applications should be simple, elegant and fast. Origin is an attempt to solve that problem with a focus to promote best practices in a lightweight, opinionated base configuration.

Application Research Group 54 Aug 9, 2022
Vue, JavaScript, blockchain, Web3

Web DEXTF Ðapp Project structure dapp-web + docs + jsdoc + node_modules + public + src ... Project setup yarn install See the Troublesho

Hidden Helper 1 Jan 5, 2022