Development Guide
How to set up the NFT Collection App for local development
Development Setup
To start developing on the NFT Collection App in a local development environment, follow these steps:
1. Start the Frontend
Navigate to the client folder and run the development server:
This will start the app on http://localhost:3000.
2. Set Up Ganache
Once the frontend is running, open Ganache and configure it:
-
Go to Settings.
-
Open the Server tab.
-
Change the PORT to 8545.
-
Click Save & Restart.
3. Connect Your Wallet (e.g. MetaMask)
Set up a custom network in your wallet:
Network Name: Localhost 8545
RPC URL: http://127.0.0.1:8545
Chain ID: 1337 (or whatever Ganache shows)
Then switch to this network in your wallet.
4. Deploy Smart Contracts
Make sure you've read the previous installation section
As we've mentioned you should run the development deployment as the following
and add the contract addresses to .env file as mentioned in Backend Installation