Yet another basic minter.

Related tags

Learning resource mojito
Overview

Mojito License: MIT PRs Welcome

Yet another basic minter.

Live demo: https://mojito-app.netlify.app/

Motivation

The create-eth-app team recently added useDApp in their v1.8.0, so I wanted to build a simple React app that's using create-eth-app, useDApp and Web3.Storage.

Run

In the react-app folder, replace the .env.example with a .env file. You can get your Web3 Storage token here: https://web3.storage.

yarn && yarn react-app:start

Use

Click on the Mint button to mint an NFT. ✨

Support

Credits

Special thanks to all the contributors of create-eth-app, useDApp and Web3.Storage!

You might also like...

This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.

Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv

Oct 3, 2022

Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.

Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the

Dec 20, 2022

Run async code one after another by scheduling promises.

promise-scheduler Run async code in a synchronous order by scheduling promises, with the possibility to cancel pending or active tasks. Optimized for

Dec 17, 2021

Another javascript framework

Stem JS Stem is somewhere between a framework and a library. It offers a set of classes and functions for all the standard scenarios you can encounter

Nov 2, 2022

Another logger in JS. This one offers a console.log-like API and formatting, colored lines and timestamps (or not if desired), all that with 0 dependencies.

Another logger in JS. This one offers a console.log-like API and formatting, colored lines and timestamps (or not if desired), all that with 0 dependencies.

hellog Your new logger ! hellog is a general-purpose logging library. It offers a console.log-like API and formatting, extensible type-safety colored

Jan 5, 2022

The invoker based on event model provides an elegant way to call your methods in another container via promisify functions

The invoker based on event model provides an elegant way to call your methods in another container via promisify functions. (like child-processes, iframe, web worker etc).

Dec 29, 2022

Another full-stack URL Shortener application built using web technologies

Another full-stack URL Shortener application built using web technologies

URL Shortener Another full-stack URL Shortener application built using web technologies. Technologies Node Express MongoDB React TypeScript Docker Pro

Dec 15, 2022

Transmute one JavaScript string into another by way of mutating its AST. Powered by babel and recast.

equivalent-exchange Transmute one JavaScript string into another by way of mutating its AST. Powered by babel and recast. Features Can parse code usin

Jul 9, 2022

🪐 The IPFS gateway for NFT.Storage is not "another gateway", but a caching layer for NFTs that sits on top of existing IPFS public gateways.

nftstorage.link The IPFS gateway for nft.storage is not "another gateway", but a caching layer for NFT’s that sits on top of existing IPFS public gate

Dec 19, 2022
Comments
  • feat: add react router

    feat: add react router

    Let's add just one page where we redirect user right after the mint so he can see every details about the NFT he just minted.

    https://reactrouter.com/docs/en/v6/getting-started/installation#create-react-app

    enhancement 
    opened by julienbrg 0
  • fix: netlify.toml wrong paths

    fix: netlify.toml wrong paths

    • 404 on loader onhttps://mojito-app.netlify.app/
    • lost when https://mojito-app.netlify.app/0x61681514eA040d19dC4279301aDC10bf654D886A/134 or refresh the nft page after minting
    bug 
    opened by julienbrg 0
  • feat: add Web3Auth

    feat: add Web3Auth

    Add a MagicLink block in the connect wallet modal so that users can connect with their email address.

    • https://magic.link/docs/advanced/blockchains/ethereum/javascript
    • https://github.com/NoahZinsmeister/web3-react/tree/main/packages/magic
    enhancement help wanted 
    opened by julienbrg 1
Releases(v1.1)
Owner
Julien Béranger
CEO of Āto
Julien Béranger
GitHub
Dfunds is a decentralized fundraiser and NFT minter application built on Conflux blockchain with ChainIDE

Dfunds is a decentralized fundraiser and NFT minter application built on Conflux blockchain with ChainIDE. Dfunds was inspired by Conflux Labs & ChainIDE Hydra Developer Bootcamp. It was built to solve the problem of individuals and foundations in need of funds.

Paschal 3 May 16, 2022
A "Basic-to-Lisp" compiler. But Basic is not real Basic, and Lisp is not real Lisp.

Basic2Lisp A "Basic-to-Lisp" compiler. But Basic is not real Basic, and Lisp is not real Lisp. Syntax Print-Sth Put some-value to standard output. PRI

Hana Yabuki 5 Jul 10, 2022
Yet another eslint blame (might) with better adaptability

yet-another-eslint-blame Yet another eslint blame (might) with better adaptability. The input is eslint's output with json format (You can see it here

快手“探索组”前端 5 Mar 7, 2022
Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collections

eznft Yet another library for generating NFT artwork, uploading NFT assets and metadata to IPFS, deploying NFT smart contracts, and minting NFT collec

null 3 Sep 21, 2022
☁ Yet Another Cloud Notepad.

☁ Serverless Cloud Notepad English | 简体中文 Build for recording text or sharing between friends. Powerby Cloudflare Workers, easy to deploy privately. ✨

冇 35 Oct 29, 2022
Yet another linter rule to detect compatibility of CSS features.

stylelint-browser-compat Yet another linter rule to detect compatibility of CSS features. This plugin checks if the CSS you're using is supported by t

Masahiro Miyashiro (3846masa) 16 Dec 15, 2022
Yet Another Clickhouse Client for Node.js

yacc-node - Yet Another Clickhouse Client for NodeJS Introduction yacc-node is a zero depencies Clickhouse Client written in Typescript. Installation

Antonio Vizuete 3 Nov 3, 2022
yet another 2048, but this time it's controlled by GPT

2048 About a few years ago, I built 2048.wasm This is yet another 2048 from me, but this time it's controlled by GPT. Demo 2048-short.mov How GPT crus

Nishchith Shetty 43 Jul 17, 2023
A simple to-do list application that helps to organize your daily tasks and keep track of the task you have completed and the task you are yet to have completed, and also deleting the completed task leaving those yet to be completed.

To-Do-List A To-Do-List App helps users to get their task cordinated and organised. This project is from microverse javascript curriculum which tests

zieeco 12 Jul 8, 2022
BASIC is a web application contains basic applications related to studies, love, health, weather, productivity. This project aim to simply the user's life in anyway.

BASIC is a web application contains basic applications related to studies, love, health, weather, productivity. This project aim to simply the user's life in anyway. Supported by all operating system, need an internet connection for working properly.

IRUTHAYA SANTHOSE I 1 Dec 19, 2021