Web3 with Nuxt, Moralis and TailwindCSS

Overview

Web3 with Nuxt, Moralis and TailwindCSS

A simple Web3 app allowing a user to authenticate with their wallet, show their ETH balance and see if they are an owner of an NFT on your project by contract address.

View the demo.

Build Setup

Duplicate the .env.example and add your MORALIS_SERVER_URL & MORALIS_APP_ID from the moralis dashboard. Add your contract address to the .env

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

Moralis

For detailed explanation on how things work, check out the documentation.

Nuxt

For detailed explanation on how things work, check out the documentation.

You might also like...
Breeze-nuxt - An application / authentication starter kit frontend in Nuxt.js for Laravel Breeze

Laravel Breeze - Nuxt.js Edition Introduction This repository is an implementing

MangaVUE is an Online Manga Reading App, built using VueJS and TailwindCSS
MangaVUE is an Online Manga Reading App, built using VueJS and TailwindCSS

MangaVUE is an Online Manga Reading App, built using VueJS and TailwindCSS. The data used for this project is from Komiku.id, with the help of API from manga-api by Febry Adriansyah.

A poor elevator dispatching system using Vue.js and tailwindcss
A poor elevator dispatching system using Vue.js and tailwindcss

Elevator Dispatching Simulator An elevator dispatching simulator powered by Vew.js and tailwindcss. Actions below help you deploy the project locally.

Designing WhatsApp using Tailwindcss and Vuejs to replicate the chats part of WhatsApp design

whatsapp-clone Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build

Simple Task List app made with Laravel, Vue and Tailwindcss
Simple Task List app made with Laravel, Vue and Tailwindcss

Simple Task List Laravel + Vue + TailwindCSS Requirements Composer Node NPM Installation This project use Laravel 5.6 as Framework, to run it see the

Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS
Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS

Kanban board application made with Electron, Electron-Store, NuxtJS and TailwindCSS. Intended for offline usage only, web version available in Productivity Suite.

Backend Code Generator for Laravel 9, Vue 3 and Tailwindcss 3 using primevue

acacia savannabits/acacia (an improved successor to savannabits/jetstream-inertia-generator) is a Backend Modular Code and CRUD generator for Laravel

eCommerce web app build using VueJs, TailwindCSS, Python, Django and Django Rest Framework.

eCommerce web app build using VueJs, TailwindCSS, Python, Django and Django Rest Framework.

Twitter Clone developed using Go + Vue 3 + Vite + TailwindCSS + PostgreSQL + Redis
Twitter Clone developed using Go + Vue 3 + Vite + TailwindCSS + PostgreSQL + Redis

A Twitter clone created with Golang, PostgreSQL, Redis, VueJS and Vite with support for dark mode and light mode using TailwindCSS

Owner
Roy Barber
Freelance designer & front end developer
Roy Barber
A Web3 platform for all content creators to continue doing what we like and enjoy.

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

Angel Lopez 6 Nov 3, 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
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 96 Jan 1, 2023
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
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.

v0phan1ee 1 Dec 7, 2022
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

Alisha Husain 2 Sep 28, 2022
🙋🏽‍♂️ Domain-Driven Design & Nuxt - Using Nuxt Modules to structure large Nuxt Apps

????‍♂️ Domain-Driven Design & Nuxt - Using Nuxt Modules to structure large Nuxt Apps ⚡️ Talk at NUXT NATION 2021 by Anton Reindl In this talk I will

Anton Reindl 116 Dec 16, 2022
Website for the Ultramarine Linux Project made with Nuxt.js and TailwindCSS

Automatically built using GitHub Actions, deployed to GH Pages and ran through Cloudflare

Ultramarine Linux 6 Dec 31, 2022
Nuxt Headless CMS is a template for personal websites and blogs. The project was made with Nuxt.js and Contentful as a headless CMS and Vuetify as a UI framework.

Nuxt Headless CMS Nuxt Headless CMS is a template for personal websites and blogs. The project was made with Nuxt.js and Contentful as a headless CMS

Wojciech Sikora 0 Jan 15, 2022
Easy developer portfolio NuxtJS and TailwindCSS and discord status lanyard.

Demo ?? Personal Portfolio Nuxt JS is a developer portfolio built with the vue js framework. ?? Getting Started First of all, you should choose git to

AdemCan 4 Oct 20, 2022