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

Overview

#cryptbaddiesnftwebsite View our website here or view it here.

Website Design:

alt text

Purpose

This is a start-up kit for a Firebase web project, which uses Vue.js.

There is also a start-up kit using Vue3

https://github.com/isamu/firebase-vue3-startup-kit

Instruction

  1. Git clone this repository
  2. Run "npm install firebase-tools -g" to install firebase tools.
  3. Run "npm install" once to get necessary node modules.
  4. Run "npm install" once in the functions directory as well.
  5. Open the firebase console (from https://firebase.google.com) and add a project
  6. From the dashboard of this project, add an app and choose "web" ().
  7. From the setting of this app, choose "Config" (in Firebase SDK snippet)
  8. Copy the config file, and paste into src/firebase/firebase.js file.
  9. Replace the word "fir-vue-startup-kit" in .firebaserc file with your Firebase project name.
  10. Open the firebase console, and create a Cloud Firestore (make it "secure" for now).

Available Scripts

In the project directory, you can run:

npm run serve

Runs the app in the development mode.
Open http://localhost:8080 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the dist folder.
It correctly bundles Vue in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

firebase deploy

Deploys the app to the Firebase cloud. You need to run "npm run build" before the deployment.

cryptobaddies

You might also like...
Dockerizable Vue 3 framework on Nginx which can be deployed to Cloud like Azure.

vue-docker-azure Dockerizable Vue 3 framework on Nginx which can be deployed to Cloud like Azure. Technologies Used Vue3, Vue-cli, Pinia, Axios, Devex

A public open source S3 explorer for public/private buckets that can be deployed anywhere.
A public open source S3 explorer for public/private buckets that can be deployed anywhere.

AWS S3 Explorer This is an S3 Explorer for AWS. It provides a simple and straightforward way for users to login using SSO and explore available S3 Buc

A note-taking chrome extension: taking notes on the web with their context.
A note-taking chrome extension: taking notes on the web with their context.

A note-taking chrome extension: taking notes on the web with their context.

With this vue component you can add a paintable canvas through every page you like.
With this vue component you can add a paintable canvas through every page you like.

vue-paintable With this vue plugin and component you can add a paintable canvas through your page. All paintings are saved by default into localStorag

It's the same as Google Keep but you can have unlimited subtasks for each and every one of your main tasks!

SAD-KEEP It's the same as Google Keeps but you can have unlimited subtasks for each and every one of your main tasks! You can see it live: Sad-keep de

Qsee-master - Realtime queue management system for busy public offices - includes customer kiosk, agent screen and waiting room display using Web Speech API
A single-page web-app made to browse and download your Netlify deploys. Built with Vue.js and Vite, deployed on Netlify.

A single-page web-app made to browse and download your Netlify deploys. Built with Vue.js and Vite, deployed on Netlify.

Web Extension — A new tab page extension with material design and useful features :new: :tada:
Web Extension — A new tab page extension with material design and useful features :new: :tada:

Epiboard A new tab page adding a touch of wow and an interface following the lines of the material design. 🆕 🎉 . You can simply and quickly access t

Extension - Official quizit.online browser extension
Extension - Official quizit.online browser extension

Quizit extension Pass all your online exams with us, fast, safe and free! Setup

Owner
Alisha Husain
✿✿✿University of Washington✿✿✿✿ Python Software Engineer
Alisha Husain
Vue Ethereum provider solution for metamask/walletconnect Wallets

Vue Ethereum provider solution for metamask/walletconnect Wallets

null 1 Feb 25, 2022
Auction dapp - Decentralized Auction Application on Ethereum

Decentralized Auction Application on Ethereum This project aims to implement bas

Abhishek Chauhan 16 Jul 26, 2022
SolLinked is a decentralised application (dApp) that makes it simple to submit your achievements on the Solana Blockchain

SolLinked is a decentralised application (dApp) that makes it simple to submit your achievements on the Solana Blockchain

Anam Ansari 3 Sep 22, 2022
A simple app explore ethereum blockchain with vuejs.

vuethexplore Vue project for ethereum blockchain explore. Usage clone the repo npm install npm run dev Test unit npm run unit e2e npm run e2e all n

Peter Lai 31 Apr 14, 2022
Filscan browser is the filecoin blockchain browser and data service platform,It provides one-stop data services such as mining ranking, blockchain data query and visualization chart based on filecoin

Filscan browser is the filecoin blockchain browser and data service platform,It provides one-stop data services such as mining ranking, blockchain data query and visualization chart based on filecoin

Filscan Team 9 Jun 2, 2022
A single Web3 / Ethereum provider solution for all Wallets

Web3ModalVue A single Web3 / Ethereum provider solution for all Wallets Introduction Web3Modal is an easy-to-use library to help developers add suppor

Dog 83 Sep 21, 2022
Cloud-native platform for building an NFT Marketplace on top of Algorand blockchain.

Built on OpenAlgoNFT OpenAlgoNFT is an open-source cloud-native platform for building an NFT Marketplace on top of Algorand blockchain. Learn more on

Ulam Labs 107 Oct 4, 2022
The nft-painting is a tool to help painters create NFT works

NFT画师助手(前端),喜欢的话给个Star 中文 介绍 NFT加密像素创作圣手,一次性生成上万稀缺像素图。 运行命令 npm i npm run dev npm run build 工具网站地址 www.uonus.net 视频教程 https://www.bilibili.com/video/

null 15 Jul 29, 2022
Website com atualizações em tempo real dos valores de 5 criptomoedas (Bitcoin, Ethereum, Cosmos Hub, Luna e Dacxi), consumindo uma API.

Website com atualizações em tempo real dos valores de 5 criptomoedas (Bitcoin, Ethereum, Cosmos Hub, Luna e Dacxi), consumindo uma API.

Luiz Bonini 3 Jun 14, 2022
BSNL Websites has boring UI right? I felt struggling at first. So created this with Suggestion tool built-in so it may be helpful for people who are into BSNL services.

BSNL Plan Chooser BSNL Websites has boring UI right? I felt struggling at first. So created this with Suggestion tool built-in so it may be helpful fo

Anbuselvan Rocky 0 Jan 1, 2022