Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cats!!! #152

Open
wants to merge 40 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
40 commits
Select commit Hold shift + click to select a range
08234a1
first change
edenkozlov Oct 10, 2022
e3e4345
first change
edenkozlov Oct 11, 2022
6ca08fe
letter change
edenkozlov Oct 11, 2022
2816426
updates done by...
edenkozlov Oct 11, 2022
cd20261
ernveo
edenkozlov Oct 11, 2022
adb4b4e
first commit
edenkozlov Nov 1, 2022
d504c73
first commit
edenkozlov Nov 1, 2022
c616980
first commit
edenkozlov Nov 1, 2022
25af72a
Merge branch 'main' of https://github.com/edenkozlov/hashlips_nft_min…
edenkozlov Nov 1, 2022
9af6c0a
first commit
edenkozlov Nov 1, 2022
81e438f
init
edenkozlov Nov 1, 2022
63c1e59
removed read me
edenkozlov Nov 1, 2022
2a60ae9
Merge branch 'main' of https://github.com/edenkozlov/hashlips_nft_min…
edenkozlov Nov 1, 2022
ba527c0
first commit
edenkozlov Nov 2, 2022
07c1a80
init
edenkozlov Nov 2, 2022
0ec94bf
Merge branch 'main' of https://github.com/edenkozlov/hashlips_nft_min…
edenkozlov Nov 2, 2022
52effd9
no cap
edenkozlov Nov 8, 2022
6a27f85
abi
edenkozlov Nov 8, 2022
439fb37
photo
edenkozlov Nov 8, 2022
b01837b
title
edenkozlov Nov 8, 2022
fd039e5
wei
edenkozlov Nov 8, 2022
0eff8d9
contract addy
edenkozlov Nov 8, 2022
1999350
change max sup.
edenkozlov Nov 8, 2022
522f0df
logo
edenkozlov Nov 8, 2022
3b95a22
logo
edenkozlov Nov 8, 2022
ab3c9c4
icon
edenkozlov Nov 8, 2022
a7444f3
2 icons removed
edenkozlov Nov 8, 2022
ebbb178
20 wallets
edenkozlov Nov 8, 2022
6d0be7c
20
edenkozlov Nov 9, 2022
197acee
mint
edenkozlov Nov 9, 2022
422266d
period
edenkozlov Nov 9, 2022
f780220
cats
edenkozlov Nov 9, 2022
ce5bebc
cats
edenkozlov Nov 9, 2022
c717947
icon
edenkozlov Nov 9, 2022
4a39c0d
caps
edenkozlov Nov 11, 2022
c44f931
gif caps
edenkozlov Nov 11, 2022
5ddeb62
caps
edenkozlov Nov 11, 2022
e401d49
app
edenkozlov Nov 11, 2022
b70d929
image2
edenkozlov Nov 11, 2022
fa6935a
themes
edenkozlov Nov 11, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
90 changes: 39 additions & 51 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -1,142 +1,130 @@
# Logs

logs
_.log
npm-debug.log_
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log\*
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

.DS_Store

lerna-debug.log*
.pnpm-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)

report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

# Runtime data

pids
_.pid
_.seed
\*.pid.lock
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover

lib-cov

# Coverage directory used by tools like istanbul

coverage
\*.lcov
*.lcov

# nyc test coverage

.nyc_output

# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)

.grunt

# Bower dependency directory (https://bower.io/)

bower_components

# node-waf configuration

.lock-wscript

# Compiled binary addons (https://nodejs.org/api/addons.html)

build/Release

# Dependency directories

build/
dist/
node_modules/
jspm_packages/

# TypeScript v1 declaration files

typings/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/

# TypeScript cache

\*.tsbuildinfo
*.tsbuildinfo

# Optional npm cache directory

.npm

# Optional eslint cache

.eslintcache

# Microbundle cache
# Optional stylelint cache
.stylelintcache

# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/

# Optional REPL history

.node_repl_history

# Output of 'npm pack'

\*.tgz
*.tgz

# Yarn Integrity file

.yarn-integrity

# dotenv environment variables file

# dotenv environment variable files
.env
.env.test
.env.development.local
.env.test.local
.env.production.local
.env.local

# parcel-bundler cache (https://parceljs.org/)

.cache
.parcel-cache

# Next.js build output

.next
out

# Nuxt.js build / generate output

.nuxt
dist

# Gatsby files

.cache/

# Comment in the public line in if your project uses Gatsby and _not_ Next.js

# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support

# public

# vuepress build output

.vuepress/dist

# Serverless directories
# vuepress v2.x temp and cache directory
.temp
.cache

# Docusaurus cache and generated files
.docusaurus

# Serverless directories
.serverless/

# FuseBox cache

.fusebox/

# DynamoDB Local files

.dynamodb/

# TernJS port file

.tern-port

# OSX
# Stores VSCode versions used for testing VSCode extensions
.vscode-test

.DS_Store
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*
127 changes: 2 additions & 125 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,125 +1,2 @@
# Welcome to HashLips 👄

![](https://github.com/HashLips/hashlips_nft_minting_dapp/blob/main/logo.png)

All the code in these repos was created and explained by HashLips on the main YouTube channel.

To find out more please visit:

[📺 YouTube](https://www.youtube.com/channel/UC1LV4_VQGBJHTJjEWUmy8nA)

[👄 Discord](https://discord.com/invite/qh6MWhMJDN)

[💬 Telegram](https://t.me/hashlipsnft)

[🐦 Twitter](https://twitter.com/hashlipsnft)

[ℹ️ Website](https://hashlips.online/HashLips)

# HashLips NFT minting dapp 🔥

![](https://github.com/HashLips/hashlips_nft_minting_dapp/blob/main/banner.png)

This repo provides a nice and easy way for linking an existing NFT smart contract to this minting dapp. There are two ways of using this repo, you can go the simple route or the more complex one.

The simple route is so simple, all you need to do is download the build folder on the release page and change the configuration to fit your needs. (Follow the video for a walk through).

The more complex route allows you to add additional functionality if you are comfortable with coding in react.js. (Follow the below instructions for a walk through).

## Installation 🛠️

If you are cloning the project then run this first, otherwise you can download the source code on the release page and skip this step.

```sh
git clone https://github.com/HashLips/hashlips_nft_minting_dapp.git
```

Make sure you have node.js installed so you can use npm, then run:

```sh
npm install
```

## Usage ℹ️

In order to make use of this dapp, all you need to do is change the configurations to point to your smart contract as well as update the images and theme file.

For the most part all the changes will be in the `public` folder.

To link up your existing smart contract, go to the `public/config/config.json` file and update the following fields to fit your smart contract, network and marketplace details. The cost field should be in wei.

Note: this dapp is designed to work with the intended NFT smart contract, that only takes one parameter in the mint function "mintAmount". But you can change that in the App.js file if you need to use a smart contract that takes 2 params.

```json
{
"CONTRACT_ADDRESS": "0x827acb09a2dc20e39c9aad7f7190d9bc53534192",
"SCAN_LINK": "https://polygonscan.com/token/0x827acb09a2dc20e39c9aad7f7190d9bc53534192",
"NETWORK": {
"NAME": "Polygon",
"SYMBOL": "Matic",
"ID": 137
},
"NFT_NAME": "Nerdy Coder Clones",
"SYMBOL": "NCC",
"MAX_SUPPLY": 1000,
"WEI_COST": 75000000000000000,
"DISPLAY_COST": 0.075,
"GAS_LIMIT": 285000,
"MARKETPLACE": "OpenSea",
"MARKETPLACE_LINK": "https://opensea.io/collection/nerdy-coder-clones",
"SHOW_BACKGROUND": true
}
```

Make sure you copy the contract ABI from remix and paste it in the `public/config/abi.json` file.
(follow the youtube video if you struggle with this part).

Now you will need to create and change 2 images and a gif in the `public/config/images` folder, `bg.png`, `example.gif` and `logo.png`.

Next change the theme colors to your liking in the `public/config/theme.css` file.

```css
:root {
--primary: #ebc908;
--primary-text: #1a1a1a;
--secondary: #ff1dec;
--secondary-text: #ffffff;
--accent: #ffffff;
--accent-text: #000000;
}
```

Now you will need to create and change the `public/favicon.ico`, `public/logo192.png`, and
`public/logo512.png` to your brand images.

Remember to update the title and description the `public/index.html` file

```html
<title>Nerdy Coder Clones</title>
<meta name="description" content="Mint your Nerdy Coder Clone NFT" />
```

Also remember to update the short_name and name fields in the `public/manifest.json` file

```json
{
"short_name": "NCC",
"name": "Coder Clone NFT"
}
```

After all the changes you can run.

```sh
npm run start
```

Or create the build if you are ready to deploy.

```sh
npm run build
```

Now you can host the contents of the build folder on a server.

That's it! you're done.
# bbb
# job
Binary file modified banner.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading