A modern Next.js frontend application that enables Nigerian users to seamlessly convert Naira to USDC and join the Zora creator economy.
Bridge the gap between traditional Nigerian banking and the decentralized Zora ecosystem.
Zora Onramp solves a critical problem for Nigerian creators and collectors who want to participate in the Zora marketplace but face barriers in acquiring USDC. Our platform provides:
- Direct Naira to USDC Conversion: Convert Nigerian Naira directly to USDC
- Zora Ecosystem Integration: Get USDC ready for Zora marketplace participation
- Secure & Transparent: Blockchain-powered transactions with smart contract escrow
- User-Friendly Experience: Modern, responsive interface designed for Nigerian users
- Modern Landing Page: Clean, responsive design with Zora branding
- Dark Mode Support: Automatic theme switching for better user experience
- Mobile-First Design: Optimized for Nigerian mobile users
- Coming Soon Page: Professional placeholder while backend integration is completed
- Conversion Interface: Simple form to convert Naira to USDC
- Payment Integration: Flutterwave integration for Naira payments
- Wallet Connection: Connect Zora wallets and addresses
- Transaction Tracking: Real-time status updates for conversions
- Multi-language Support: English and local Nigerian languages
- Framework: Next.js 15 with App Router
- Language: TypeScript for type safety
- Styling: Tailwind CSS for responsive design
- Fonts: Geist font family for modern typography
- Deployment: Vercel-ready configuration
frontend/
├── src/
│ └── app/
│ ├── globals.css # Global styles with Tailwind
│ ├── layout.tsx # Root layout with metadata
│ ├── page.tsx # Landing page
│ └── favicon.ico # App icon
├── public/ # Static assets
├── package.json # Dependencies and scripts
├── tailwind.config.js # Tailwind configuration
├── tsconfig.json # TypeScript configuration
└── next.config.ts # Next.js configuration
- Node.js 18+
- npm or yarn
-
Clone the repository
git clone https://github.com/Mide001/Zora-Onramp.git cd Zora-Onramp -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open in browser
http://localhost:3000
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
- Simplicity First: Clean, intuitive interface
- Mobile-Optimized: Designed for Nigerian mobile users
- Accessibility: WCAG compliant design
- Performance: Fast loading times on slow connections
- Zora Branding: Consistent with Zora ecosystem
- Nigerian Context: Culturally appropriate design elements
- Modern Aesthetics: Clean, professional appearance
- Dark Mode: Automatic theme switching
- Order Creation: Create conversion orders
- Payment Processing: Handle Flutterwave payments
- Transaction Status: Real-time updates
- Wallet Integration: Zora address resolution
- Flutterwave: Naira payment processing
- Zora SDK: Address resolution and profile data
- Blockchain: USDC transaction handling
- Nigerian Creators: Artists, musicians, content creators
- Nigerian Collectors: NFT enthusiasts and investors
- Crypto Beginners: Users new to cryptocurrency
- Zora Community: Existing Zora users in Nigeria
- Lagos Artist: Wants to sell digital art on Zora
- Abuja Collector: Interested in buying NFTs
- Port Harcourt Creator: Music producer exploring Web3
- Kano Entrepreneur: Business owner entering crypto
- Conversion Rate: Naira to USDC success rate
- User Retention: Repeat usage patterns
- Transaction Volume: Total value converted
- User Satisfaction: Feedback and ratings
- Page Load Speed: < 3 seconds on mobile
- Uptime: 99.9% availability
- Error Rate: < 1% transaction failures
- Security: Zero security incidents
- Input Validation: Client-side form validation
- XSS Protection: Content Security Policy
- HTTPS Only: Secure communication
- Error Handling: Secure error messages
- Data Minimization: Collect only necessary data
- Local Storage: Secure client-side storage
- Cookie Policy: Transparent cookie usage
- GDPR Compliance: European data protection
- Next.js project setup
- TypeScript configuration
- Tailwind CSS styling
- Landing page design
- Responsive layout
- Dark mode support
- Zora branding
- Backend API integration
- Payment form implementation
- Wallet connection
- Transaction tracking
- Error handling
- Multi-language support
- Advanced analytics
- User authentication
- Transaction history
- Mobile app version
- Fork the repository
- Create feature branch
- Make changes
- Test thoroughly
- Submit pull request
- TypeScript: Strict type checking
- ESLint: Code quality enforcement
- Prettier: Code formatting
- Conventional Commits: Standardized commit messages
- GitHub Issues: Bug reports and feature requests
- Email: Support inquiries
- Discord: Community discussions
- Twitter: Updates and announcements
- API Documentation: Backend integration guide
- User Guide: End-user instructions
- Developer Guide: Technical documentation
- Deployment Guide: Production setup
This project is licensed under the ISC License - see the LICENSE file for details.
- Zora Team: For building the amazing creator economy platform
- Flutterwave: For reliable payment processing in Nigeria
- Next.js Team: For the excellent React framework
- Tailwind CSS: For the utility-first CSS framework
- Nigerian Crypto Community: For feedback and support
Empowering Nigerian creators to participate in the global creator economy through seamless USDC conversion.