NFTopia Frontend Web

NFTopia Frontend Web is the user interface for the NFTopia platform, built with Next.js. It provides a seamless experience for creators and collectors to interact with NFTs on the Starknet blockchain.

🔗 Figma Design

View UI/UX Design

✨ Features

• NFT Minting Interface
• Gallery View with Filters
• Starknet Wallet Integration (ArgentX, Braavos)
• Marketplace Preview
• Responsive Design

🛠️ Tech Stack

Component	Technology
Framework	Next.js 14
Styling	Tailwind CSS + shadcn/ui
State Management	Zustand
Blockchain	Starknet.js

🚀 Quick Start

Prerequisites

• Node.js v18+
• pnpm
• Starknet wallet

Installation

git clone https://github.com/NFTopia-Foundation/nftopia-frontend-web.git
cd nftopia-frontend-web
pnpm install
cp .env.example .env.local
pnpm dev

📂 Project Structure

src/
├── app/
├── components/
├── lib/
└── stores/

🤝 Contributing

1. Fork the repository
2. Create feature branch

   git checkout -b feature/your-feature

3. Submit PR

• Ensure your code passes all tests
• Include relevant documentation updates
• Reference any related issues