🖼️ CYBER GALLERY - The Decentralized NFT Art Space

Welcome to Cyber Gallery – the only place where your art is immortalized on the blockchain, your wallet is your passport, and your browser is your gallery guide. (No, we don't accept exposure as payment.)

🚀 Features

• Explore: Browse a curated set of featured cyberpunk artworks.
• Your Arts on IPFS: See your uploaded masterpieces before they're minted as NFTs.
• Your NFTs: All the NFTs you've minted, with links to Etherscan and OpenSea (if OpenSea is feeling cooperative).
• Wallet Integration: Connect, switch, and disconnect your Ethereum wallet (MetaMask recommended).
• IPFS Storage: All art is stored on IPFS via Pinata.
• NFT Minting: Mint your art as an ERC-721 NFT on the Sepolia testnet.
• Cyberpunk UI: Neon, glass, and glitchy goodness.

🛠️ Tech Stack

• Frontend: HTML, CSS (cyberpunk custom), JavaScript (vanilla)
• Smart Contract: Solidity (ERC-721, see ArtGallery.sol.md)
• Backend: Node.js/Express (for Pinata API proxy)
• Blockchain: Ethereum Sepolia testnet
• Storage: IPFS via Pinata

⚡ Quickstart

1. Clone the repo

   git clone <this-repo-url>
   cd ART-GALLERY

2. Install backend dependencies

   cd backend
   npm install

3. Configure your secrets
   • Copy config.example.js to config.js and fill in your Pinata API keys and contract address.
   • Or set up a .env file if you prefer.
4. Start the backend

   node server.js

5. Open index.html in your browser
   • Use a local server (like Live Server in VSCode) for best results.
6. Connect your wallet
   • Make sure MetaMask is on Sepolia testnet.
7. Upload, Mint, and Enjoy!

📝 Smart Contract

• See ArtGallery.sol.md for the full contract code and ABI.
• Deploy to Sepolia and update your config.js with the contract address.

🧑‍🎨 How It Works

• Upload: Drag & drop or browse to upload your art. It goes to IPFS via Pinata.
• Mint: Only you (the uploader) can mint your art as an NFT. Pay the gas, get the glory.
• Tabs:
  • Explore: Everyone sees these.
  • Your Arts on IPFS: Only your unminted uploads.
  • Your NFTs: Only your minted NFTs.
• Switch Wallets: Use the switch button to change accounts if you run out of testnet ETH (or just want to flex).

🧑‍💻 Dev Notes

• The backend is a simple Express proxy for Pinata. No database, no nonsense.
• All gallery data comes from the blockchain. If it's not on-chain, it doesn't exist.
• The frontend is 100% static. No frameworks, just vibes.

🛡️ Security

• Never commit your config.js or .env with real secrets.
• The .gitignore is set up to keep you safe (unless you ignore the ignore).

🦄 Credits

• Cyberpunk UI inspired by the neon dreams of the 80s.
• Built with love, caffeine, and a little bit of JavaScript frustration.

🤔 FAQ

• Q: Why is my NFT not showing up on OpenSea?
  • A: OpenSea testnet is sometimes slow. Wait a bit, or try refreshing.
• Q: Why do I see a spinner forever?
  • A: Check your backend, your wallet, and your network. Or just try turning it off and on again.
• Q: Can I use this for real NFTs?
  • A: With a few tweaks, yes! But this is a testnet playground.

📬 Contact

Open an issue or PR, or just shout into the void. The blockchain is always listening.