A full-stack application for managing and interacting with NFTs on the Solana blockchain. This project consists of a React frontend and a Node.js backend.
This project is divided into two main parts:
- Frontend: A modern React application with Tailwind CSS
- Backend: A Node.js/Express server with Solana blockchain integration
- Modern React-based user interface
- Responsive design with Tailwind CSS
- Integration with Solana blockchain
- NFT viewing and management
- Wallet connection
- Real-time updates
- Solana blockchain integration
- NFT minting and management
- Wallet generation and management
- File upload handling
- RESTful API endpoints
- Node.js (v14 or higher)
- npm or yarn
- Solana CLI tools
- A Solana wallet
- Modern web browser
git clone <repository-url>
cd NFT-Thesis- Navigate to the backend directory:
cd backend - Install dependencies:
npm install
- Create a
.envfile with the following variables:PORT=3001 SOLANA_RPC_URL=your_solana_rpc_url
- Navigate to the frontend directory:
cd frontend - Install dependencies:
npm install
-
Start the backend server:
cd backend npm run devThe backend will run on http://localhost:3001
-
Start the frontend development server:
cd frontend npm startThe frontend will run on http://localhost:3000
-
Build the frontend:
cd frontend npm run build -
Start the backend in production mode:
cd backend npm start
NFT-Thesis/
├── backend/
│ ├── src/ # Source code
│ ├── scripts/ # Utility scripts
│ ├── certificates/ # SSL certificates
│ ├── metadata/ # NFT metadata
│ ├── temp/ # Temporary files
│ └── wallet.json # Wallet configuration
│
└── frontend/
├── public/ # Static files
├── src/ # Source code
│ ├── components/ # React components
│ ├── pages/ # Page components
│ ├── styles/ # CSS styles
│ └── utils/ # Utility functions
└── tailwind.config.js # Tailwind CSS configuration
npm start- Start the production servernpm run dev- Start the development server with hot-reloadnpm run generate-wallet- Generate a new Solana wallet
npm start- Start the development servernpm run build- Build the production-ready applicationnpm test- Run testsnpm run eject- Eject from Create React App
- @metaplex-foundation/js - Metaplex SDK for Solana
- @solana/web3.js - Solana web3 library
- express - Web framework
- cors - Cross-origin resource sharing
- dotenv - Environment variables
- multer - File upload handling
- canvas - Image processing
- uuid - Unique identifier generation
- React - UI library
- Tailwind CSS - Utility-first CSS framework
- Axios - HTTP client
- Lucide React - Icon library
- Testing libraries (Jest, React Testing Library)
The frontend application supports all modern browsers and is optimized for:
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
The backend API documentation will be available at /api-docs when the server is running.
This project is licensed under the MIT License for the frontend and ISC License for the backend.