Structure of the project
- Frontend folder: contains the dapp users interact with to provide a picture, title and description for their NFT
- Backend folder: contains the server app to pin the picture and the metadata to Pinata (IPFS)
- Contract: contains the FA2 contract recording the NFTs
Getting started:
- For the frontend dapp:
npm install
npm run dev
You must provide a valid server URL in the App.svelte file:
// Replace `https://my-cool-backend-app.com` with the address where you deployed the backend app
const serverUrl =
process.env.NODE_ENV !== "production"
? "http://localhost:8080"
: "https://my-cool-backend-app.com";- For the backend dapp:
npm install
npm run dev
You must provide a valid app URL for the CORS options:
// Replace `https://my-cool-nft-app.com` with the URL of your app
const corsOptions = {
origin: ["http://localhost:8082", "https://my-cool-nft-app.com"],
optionsSuccessStatus: 200 // some legacy browsers (IE11, various SmartTVs) choke on 204
};- For the contract: The code of the contract can be copy-pasted into the Ligo web IDE and originated from there. The default storage is available in a comment block at the bottom of the contract.
- Pinata: you will need an account on Pinata and API keys. Keep your API keys secret!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent