Geoffrey Mahugu GeoffMahugu

## react_social_logins_nft_project.jsx
/**
 * Main Project - https://ravenfable.com/
 * This is a react component that rewards users with points after achieving certain tasks.
 * The project is an NFT project that will reward its users 50 points for every social media connection and also alow users to access whitelist posts.
 * The integrations include:
 *  - Firebase (Twitter social link Connect)
 *  - Discord (social link connect)
 *  - Blockchain / ETH Chain (Metamask connect)
 * */

## Readme_NFT_IPFS_Setup.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                GeoffMahugu
                / Readme_NFT_IPFS_Setup.md
            
            
              Last active
              May 18, 2022 13:52
            
              
                This is a doc containing info on how to generate metadata for your NFT collection.
              
          
    NFT Metadata & IPFS

This doc contains details on how to setup your NFT metadata.
1. Metadata generation.

Once you download the HashLips Art Engine,
you will proceed to update the ./src/config file.

  
## vanilla_ethers_minting_website.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>

## disconnect.js
async function disconnect() {
  try {
    deactivate()
  } catch (ex) {
    console.log(ex)
  }
}

## mint_button.js
<button type="button" disabled={minting} onClick={mint} className="main-mint-btn">
  {(minting) ? 'Waiting confirmation.' : 'Mint'}
</button>

## transact_function.js
// Import useState from react
import { useState } from "react";

function App() {

  // Add minting toggle listener
  const [minting, setMinting] = useState(false);

  // Minting Function
  async function mint() {

## button.js
{(active) ?
  <button className="main-mint-btn">Mint</button>
  : <button type="button" onClick={connect} className="main-mint-btn">Connect Wallet To Mint</button>
}

## connect.js
async function connect() {
  try {
    await activate(injected);
  } catch (ex) {
    console.log(ex)
  }
}

## index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import { Web3ReactProvider } from '@web3-react/core'
import Web3 from 'web3'

function getLibrary(provider) {
  return new Web3(provider)

## Connector.js
import { InjectedConnector } from '@web3-react/injected-connector'
export const injected = new InjectedConnector({
  supportedChainIds: [1, 3, 4, 5, 42],
});
	/**
	* Main Project - https://ravenfable.com/
	* This is a react component that rewards users with points after achieving certain tasks.
	* The project is an NFT project that will reward its users 50 points for every social media connection and also alow users to access whitelist posts.
	* The integrations include:
	* - Firebase (Twitter social link Connect)
	* - Discord (social link connect)
	* - Blockchain / ETH Chain (Metamask connect)
	* */
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<style>
	async function disconnect() {
	try {
	deactivate()
	} catch (ex) {
	console.log(ex)
	}
	}
	<button type="button" disabled={minting} onClick={mint} className="main-mint-btn">
	{(minting) ? 'Waiting confirmation.' : 'Mint'}
	</button>
	// Import useState from react
	import { useState } from "react";

	function App() {

	// Add minting toggle listener
	const [minting, setMinting] = useState(false);

	// Minting Function
	async function mint() {
	{(active) ?
	<button className="main-mint-btn">Mint</button>
	: <button type="button" onClick={connect} className="main-mint-btn">Connect Wallet To Mint</button>
	}
	async function connect() {
	try {
	await activate(injected);
	} catch (ex) {
	console.log(ex)
	}
	}
	import React from 'react';
	import ReactDOM from 'react-dom';
	import './index.css';
	import App from './App';
	import reportWebVitals from './reportWebVitals';
	import { Web3ReactProvider } from '@web3-react/core'
	import Web3 from 'web3'

	function getLibrary(provider) {
	return new Web3(provider)
	import { InjectedConnector } from '@web3-react/injected-connector'
	export const injected = new InjectedConnector({
	supportedChainIds: [1, 3, 4, 5, 42],
	});