Turn Your Code Into Digital Assets
DevVerse is a Web3 platform that transforms GitHub repositories into NFTs, enabling developers to monetize their code through auctions, establish ownership, gate access with BitBadges, and govern projects via DAOs. Welcome to the future of developer economics - DevFi.
- 🎨 Project Minting: Convert your GitHub repositories into NFTs with proof of ownership and creation date
- 🏛️ DAO Governance: Community-driven decision making for project direction and feature development
- 🎯 Access Gating: Control project access using BitBadges and NFT ownership
- 💰 Monetization: Earn through auctions, royalties, revenue sharing, and licensing
- 👥 Contributor Portal: Track contributions, earnings, and governance participation
- 🔍 Project Explorer: Discover and bid on tokenized development projects
- 📊 Dashboard: Comprehensive overview of your projects, revenue, and DAO participation
- 📱 Responsive Design: Fully responsive interface built with React and Tailwind CSS
- 🔔 Notifications: Stay updated on bids, DAO proposals, and revenue distributions
- 👤 Profile Management: Showcase your developer identity and achievements
- Frontend: React 18, TypeScript, Vite
- Styling: Tailwind CSS, PostCSS
- Routing: React Router DOM
- Icons: Lucide React
- Development: ESLint, TypeScript ESLint
src/
├── components/
│ └── Layout.tsx # Main application layout with navigation
├── pages/
│ ├── AuctionPage.tsx # Project auction listings and bidding
│ ├── ContributorPortal.tsx # Contributor earnings and project tracking
│ ├── DAOGovernance.tsx # DAO proposal creation and voting
│ ├── Dashboard.tsx # Main dashboard for project management
│ ├── ExplorePage.tsx # Discover and browse tokenized projects
│ ├── GatingSettings.tsx # Configure access control with BitBadges
│ ├── LandingPage.tsx # Marketing homepage
│ ├── MintingPage.tsx # Convert repositories to NFTs
│ ├── NotificationsPage.tsx # Activity feed and alerts
│ ├── ProfilePage.tsx # User profile and settings
│ └── ProjectDetail.tsx # Detailed project view with tabs
├── App.tsx # Main application component
├── main.tsx # Application entry point
└── index.css # Tailwind CSS imports
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd devverse-platform- Install dependencies:
npm install- Start the development server:
npm run dev- Open your browser and navigate to
http://localhost:5173
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
- Hero section with value proposition
- Feature showcase (Mint, Gate, Monetize, Govern)
- Developer-focused messaging
- Call-to-action for GitHub connection
- Project overview with minting status
- Revenue tracking and statistics
- Quick access to key actions
- Project management tools
- Convert GitHub repos to NFTs
- Set access permissions and licensing
- Configure contributor revenue splits
- Wallet connection and transaction flow
- Create and vote on proposals
- Track proposal status and outcomes
- Community-driven project decisions
- Governance token integration
- List projects for auction
- Real-time bidding interface
- Auction timeline and status
- Revenue distribution to contributors
- BitBadge integration for access control
- Tiered permission system (Viewer, Editor, Maintainer)
- Badge-based feature unlocking
- Preview access levels
The platform uses a dark theme with a consistent color palette:
- Primary: Purple (#8B5CF6) to Blue (#3B82F6) gradients
- Success: Green (#10B981)
- Warning: Orange (#F59E0B)
- Background: Dark gray (#111827, #1F2937, #374151)
- Text: White with gray variants for hierarchy
- Smart Contract Integration: Full Web3 functionality with Ethereum/Polygon
- BitBadge API: Complete integration for access control
- GitHub Integration: Automated repository analysis and syncing
- Payment Processing: Cryptocurrency payment flows
- Mobile App: React Native companion application
- Analytics Dashboard: Advanced project and revenue analytics
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
DevVerse represents the beginning of DevFi - financial primitives for code including auctions, stakes, royalties, and licensing, all governed by smart contracts. We're building infrastructure that's actually useful for developers, not just speculative assets.
Transform your GitHub repository from a portfolio into a product. Welcome to the developer economy.
Built with ❤️ for the developer community. Join us in building the future of