An alternative viewer for DevDAO NFT with a ✨holographic✨ twist

Overview

Holo DevDAO

An alternative viewer for DevDAO NFT with a holographic twist.

Pre-requisites

  • node version >= 15.0.1 & npm >= 7.20.6. If you have nvm installed, run nvm use to use the same node and npm version used when this project was crafted ;
  • An Alchemy account & project
  • An Infura account & project

Setup

  1. Install the dependencies and setup Git hooks (via Husky) by running npm run setup in your terminal
  2. Copy the content of .env.dist and paste it in .env.local. Here are some values :
VITE_DEVELOPER_DAO_CONTRACT=0x25ed58c027921E14D86380eA2646E3a1B5C55A8b
VITE_DEVELOPER_DAO_CONTRACT_NETWORK=mainnet
VITE_DEVELOPER_DAO_CONTRACT_NETWORK_PROVIDER=mainnet
VITE_NETWORK_ID=1
VITE_OPENSEA_DIRECT_LINK_PREFIX=https://opensea.io/assets/0x25ed58c027921E14D86380eA2646E3a1B5C55A8b
VITE_OPENSEA_COLLECTION_LINK=https://opensea.io/collection/devs-for-revolution
VITE_ETHER_SCAN_LINK_PREFIX=https://etherscan.io/address
VITE_ETHERSCAN_TX_URL=https://etherscan.io/tx/
VITE_ALCHEMY_URL=
VITE_INFURA_PROJECT_ID=
VITE_INFURA_PROJECT_SECRET=

You will need to provide values for VITE_ALCHEMY_URL, VITE_INFURA_PROJECT_ID and VITE_INFURA_PROJECT_SECRET

  1. Run npm start
  2. Hit localhost:3000

Built with

You might also like...

An example of an NFT Gated Website for thirdweb's NFT Gated Website Guide

NFT Gated Website "One of the more dynamic use cases for NFTs is using them as a membership pass to the NFT holders. Let’s assume you want to create a

Jan 3, 2023

Create your own custom NFT minting page using thirdweb's NFT Drop contract

Customizable NFT Drop Minting Page In this example, you can create your own NFT Drop minting page just by customising the template with your branding,

Dec 24, 2022

An opensource 360° media viewer written in JavaScript using Electron and Marzipano

An opensource 360° media viewer written in JavaScript using Electron and Marzipano

open360viewer open360viewer is an opensource 360° media viewer. It is based on electron and marzipano. It currently supports opening equirectangular 3

Oct 9, 2022

A Web Viewer for Blender.

A Web Viewer for Blender.

BlenderWebViewer a Web Viewer for Blender. To get started: Clone the repo Install the add-on for Blender (blenderPlugin.zip) change the path field in

Nov 29, 2022

[ThatProject] ESP32 LoRa GPS Data Viewer

[ThatProject] ESP32 LoRa GPS Data Viewer

Map Viewer for MCU with LoRa & GPS Data ThatProject Channel LoRa module has caught the attention of many people for a number of reasons. Being able to

Aug 7, 2022

little-planet Custom Element: interactive panorama viewer

little-planet This project is a Custom HTML Element (AKA Web Component) that renders an interactive view of a panoramic photo. Can be used with no J

Nov 25, 2022

JavaScript Online DWG/DXF Viewer

dwg-viewer-js A DWG viewer you can buy for $420 (US) I had originally made this for a software company but they cancelled at the last moment so if any

Jul 6, 2022

Embed panorama photos on your website with Panorama Viewer

#Panorama Viewer by Pete R. Embed interactive Panorama Pictures on your site with this simple plugin. Created by Pete R., Founder of Travelistly and B

Oct 8, 2022

Quick spreadsheet viewer in vanilla JS

Quick spreadsheet viewer in vanilla JS

Heihō Quick spreadsheet viewer in vanilla JS What it does ? The heiho.js script is quick and simple spreadsheet viewer. It is meant to preview the con

Sep 8, 2022
Owner
Naomi Hauret
Nomadic front-end developer crafting UIs for web3 projects.
Naomi Hauret
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar

?? Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued

Braian D. Vaylet 17 Oct 22, 2022
Fullstack Dynamic NFT Mini Game built using 💎 Diamond Standard [EIP 2535] 🏃‍♀️Players can use Hero NFT to battle against Thanos ⚔ Heroes can be Healed by staking their NFT 🛡

?? Fullstack Dynamic NFT Mini Game ?? ?? Using Diamond Standard Play On ?? ?? ⏩ http://diamond-dapp.vercel.app/ Project Description ?? Fullstack Dynam

Shiva Shanmuganathan 21 Dec 23, 2022
NFT Marketplace framework to build standalone NFT marketplace or inApp/inGame NFT marketplace

NFT Marketplace This project is a decentalized NFT Marketplace framework which is to be the baseline for you to build standalone NFT marketplace or in

Reddio, inc. 14 Dec 19, 2022
NFT Game Starter Project: https://github.com/buildspace/buildspace-nft-game-starter

Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes

Zahuis 2 Feb 11, 2022
Dead simple program to upload NFT data to IPFS via nft.storage

NFTP The simplest way to publish files and folders to IPFS, with one command. 100% FREE to upload as much files as you want, powered by nft.storage. N

factoria 35 Dec 11, 2022
Candy Shop is a JavaScript library that allows DAOs, NFT projects and anyone to create an NFT marketplace on Solana in minutes!

Candy Shop (IN BETA) Intro Candy Shop is a JavaScript library that allows DAOs, NFT projects and anyone to create an NFT marketplace on Solana in minu

LIQNFT 111 Dec 15, 2022
Script to fetch all NFT owners using moralis API. This script output is a data.txt file containing all owner addresses of a given NFT and their balances.

?? Moralis NFT Snapshot Moralis NFT API will only return 500 itens at a time when its is called. For that reason, a simple logic is needed to fetch al

Phill Menezes 6 Jun 23, 2022