Live Site: https://dronezoe.net
Drone Zoe is a revolutionary cooperative investment platform designed to democratize access to drone technology through community ownership and shared prosperity. Currently in development phase, we're building a platform that will enable micro-investments starting from just 131 HTG ($1) to participate in Haiti's drone technology revolution.
To create a cooperative ecosystem where individuals can pool resources to collectively own and benefit from advanced drone technology, fostering economic development and technological advancement in Haiti and beyond.
- Complete Hardware Platform: 13+ drone platforms across 4 tiers with 94-98% cost savings
- Open Source Sensor System: Modular sensor platform with 3D printable housings
- Micro-Investment System: Start investing from just 131 HTG ($1)
- Cooperative Ownership: Democratic governance and shared returns
- Fractional Equipment Ownership: Own shares of specific drone components
- Service Revenue Sharing: Participate in drone service profits
- Blockchain Transparency: Verifiable ownership and transactions
- Community Governance: Member voting on key decisions
- Flightory Integration: Professional fixed-wing aircraft with 75-85% local content
- Technological Sovereignty: Complete local manufacturing capability
- Primary URL: https://dronezoe.net
- Status: ✅ Live and accessible
- Deployment: Automated via GitHub Actions
- Hosting: GitHub Pages with CDN
- SSL: Automatic HTTPS
┌─────────────────┐ ┌──────────────────┐ ┌─────────────────┐
│ Developer │ │ GitHub Actions │ │ GitHub Pages │
│ Push to Main │───▶│ Build & Deploy │───▶│ Live Website │
└─────────────────┘ └──────────────────┘ └─────────────────┘
│ │
▼ ▼
┌──────────────┐ ┌─────────────────┐
│ Build Status │ │ dronezoe.net │
│ Monitoring │ │ Custom Domain │
└──────────────┘ └─────────────────┘
- Next.js 15.3.2: React framework with static export
- React 19.1.0: User interface library
- TypeScript: Type-safe development
- Tailwind CSS 4: Utility-first styling
- Motion: Advanced animations and interactions
- Framer Motion Components: Rich motion library
- Custom UI Components: Specialized animations
- GitHub Actions: CI/CD pipeline
- GitHub Pages: Static site hosting
- ESLint & Prettier: Code quality and formatting
- PostCSS: CSS processing
- Shadcn/ui: Component library foundation
- Lucide Icons: Icon system
- Custom Registry: Component management system
# First time setup (run once)
./setup.sh
# Start development server
./dev.sh# Install dependencies
npm install
cd apps/www && npm install && cd ../..
# Start development server
npm run dev # All apps with Turbo
npm run dev:www # Website only./dev.sh- Easy development server with auto-setup./setup.sh- One-time project setup./dashboard.sh- Interactive multi-service dashboard launcher./launch-cooperative-dashboards.sh- 🚀 Unified dashboard and site launcher with consistent naming
# Dashboard Commands (role-dashboard pattern)
./launch-cooperative-dashboards.sh organization-admin-dashboard # Port 3007
./launch-cooperative-dashboards.sh member-dashboard # Port 3009
./launch-cooperative-dashboards.sh cooperative-manager-dashboard # Port 3010
./launch-cooperative-dashboards.sh system-admin-dashboard # Port 3008
# Site Commands (project-site pattern)
./launch-cooperative-dashboards.sh saas-site # Port 3004
./launch-cooperative-dashboards.sh drone-zoe-site # Port 3011
# Utility Commands
./launch-cooperative-dashboards.sh all # Launch all services
./launch-cooperative-dashboards.sh status # Check service status
./launch-cooperative-dashboards.sh stop # Stop all services
./launch-cooperative-dashboards.sh help # Show help information./launch-dashboard.sh- Legacy dashboard launchernpm run dev- Start all applicationsnpm run dev:www- Start website only (port 3002)npm run dev:dashboard- Start dashboard only (port 3003)npm run dev:saas- Start SaaS starter kit (port 3000)npm run build- Build all applicationsnpm run build:www- Build website only
The launch-cooperative-dashboards.sh script provides unified access to the complete cooperative platform with enhanced sidebar navigation and consistent naming conventions.
All dashboards feature comprehensive sidebar navigation with 8-9 organized sections:
-
Organization Admin Dashboard (Port 3007) - Complete cooperative management
- ✅ Comprehensive 9-Section Sidebar: Quick Access, Admin Dashboard, Organization Management, User Management, Financial Management, Analytics & Reports, System Settings, Support & Documentation, Account Settings
- 🌙 Dark/Light Mode Toggle with smooth transitions and theme persistence
- Advanced Navigation: JavaScript page switching, CSS animations, localStorage page memory
- Management-Level Metrics: Organization oversight with comprehensive cooperative analytics
- Title: "Organization Admin Dashboard - Haiti Drone Cooperative"
-
Member Dashboard (Port 3009) - Personalized member interface
- ✅ Comprehensive 8-Section Sidebar: Quick Access, Dashboard, Cooperative Features, Collaboration, Learning & Support, Account & Settings, Help & Documentation, Advanced Features
- 🌙 Dark/Light Mode Toggle with smooth transitions and theme persistence
- Personal-Level Navigation: Member-focused sections with "My" prefixed personal areas
- Marie User Persona: marie@haitidronecooperative.com with personalized metrics
- Title: "Member Dashboard - Haiti Drone Cooperative"
-
Cooperative Manager Dashboard (Port 3010) - Management interface
- ✅ Enhanced Sidebar Structure with role-specific management tools
- Next.js Architecture with shadcn/ui components and modern design system
- Title: "Cooperative Manager Dashboard - Haiti Drone Cooperative"
-
System Admin Dashboard (Port 3008) - System administration
- ✅ Administrative Control Panel with system-wide management capabilities
- Comprehensive Admin Tools for platform oversight and maintenance
-
SaaS Site (Port 3004) - Software platform
- Title: "SaaS Site - Haiti Drone Cooperative"
- Description: "SaaS platform for Haiti Drone Cooperative - comprehensive software solution"
-
Drone Zoe Site (Port 3011) - Public website
- Main Public Interface with cooperative information and services
The legacy dashboard.sh script provides access to 6 integrated platform services:
-
Main App Dashboard (Port 3003) - Primary admin interface
- Investment tracking and management
- Equipment monitoring and performance metrics
- Cooperative governance tools
- Real-time operational dashboard
-
SaaS Starter Dashboard (Port 3004) - Development tools interface
-
Database Studio (Port 4983) - Data management interface
-
API Documentation (Port 3000) - Development documentation
-
All Dashboards - Launch all services simultaneously
-
Quit - Exit launcher
- Organization Admin Dashboard: http://localhost:3007 (9-Section Management Interface)
- Member Dashboard: http://localhost:3009 (8-Section Personal Interface)
- Cooperative Manager Dashboard: http://localhost:3010 (Management Tools Interface)
- System Admin Dashboard: http://localhost:3008 (Administrative Control Panel)
- SaaS Site: http://localhost:3004 (Software Platform)
- Drone Zoe Site: http://localhost:3011 (Public Website)
- Website: http://localhost:3002
- Admin Dashboard: http://localhost:3003/invest/dashboard (Primary Management Interface)
- API Documentation: http://localhost:3000 (when running docs)
- Database Studio: http://localhost:4983 (when running db:studio)
- SaaS Dashboard: http://localhost:3004/dashboard (when running SaaS kit)
drone-Zoe/
├── .github/
│ └── workflows/
│ └── deploy.yml # GitHub Actions deployment
├── apps/
│ └── www/ # Main website application
│ ├── app/ # Next.js app directory
│ │ ├── (app)/ # Main app routes
│ │ │ ├── (landing)/ # Landing page
│ │ │ ├── about/ # About page
│ │ │ ├── services/ # Services page
│ │ │ ├── invest/ # Investment page
│ │ │ ├── impact/ # Impact dashboard
│ │ │ ├── blog/ # Blog/content
│ │ │ ├── contact/ # Contact page
│ │ │ ├── partners/ # Partners page
│ │ │ ├── drone-platform/ # Drone platform section
│ │ │ │ └── designer/ # Custom drone designer
│ │ │ ├── api-platform/ # API platform section
│ │ │ └── docs/ # Documentation hub
│ │ ├── components/ # React components
│ │ ├── lib/ # Utilities and helpers
│ │ ├── docs/ # Markdown documentation
│ │ └── api-docs/ # Docusaurus API documentation
│ │ └── styles/ # Global styles
│ ├── public/ # Static assets
│ ├── components/ # Shared components
│ ├── config/ # Configuration files
│ └── registry/ # Component registry
├── docs/ # Documentation
├── CHANGELOG.md # Version history
├── DEPLOYMENT.md # Deployment guide
├── ROADMAP.md # Future plans
└── README.md # This file
- Node.js: 18.0.0 or higher
- npm: 8.0.0 or higher
- Git: For version control
-
Clone the repository
git clone https://github.com/RedjiJB/drone-Zoe.git cd drone-Zoe -
Navigate to the app directory
cd apps/www -
Install dependencies
npm install
-
Start development server
npm run dev
-
Open your browser Navigate to
http://localhost:3002
# Development
npm run dev # Start development server on port 3002
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint
# Deployment (manual)
npm run predeploy # Build and prepare for deployment
npm run deploy # Deploy to GitHub Pages (manual)
# Registry (components)
npm run registry:build # Build component registryEvery push to the main branch automatically triggers deployment via GitHub Actions:
- Build Process: Next.js static export
- Optimization: Asset optimization and minification
- Deploy: Upload to GitHub Pages
- Domain: Serve on dronezoe.net
# Trigger deployment manually
gh workflow run "Deploy Drone Zoe to GitHub Pages"
# Or deploy locally (requires setup)
npm run deploy- GitHub Actions: View workflows
- Deployment Status: Check repository "Actions" tab
- Live Site: Verify changes at dronezoe.net
- Role-Based Architecture: Specialized interfaces for Organization Admin, Member, Cooperative Manager, and System Admin
- ✅ Comprehensive Sidebar Navigation: 8-9 organized sections per dashboard with smooth transitions and page memory
- Unified Naming Convention: Consistent
{role}-dashboardand{project}-sitepatterns across all services - Advanced Navigation System: JavaScript page switching, CSS animations, localStorage persistence, theme toggle integration
- Multi-Platform Design: Next.js and Node.js implementations with shadcn/ui components
- 🌙 Complete Theme System: Dark/light mode toggle with smooth transitions and preference persistence
- Enhanced User Experience: Comprehensive sidebar structures with Quick Access, role-specific sections, and support areas
- Professional Interface: Modern design system with consistent branding and Haiti Drone Cooperative identity
- Service Coordination: Unified launcher with automated port management and service discovery
- Development Integration: Hot reload, debugging tools, and comprehensive development environment
- AI-Powered Configuration: Intelligent component recommendations
- Real-Time 3D Visualization: Interactive design studio
- Mission-Specific Optimization: Tailored for unique requirements
- Local Manufacturing Integration: 95% 3D-printable components
- Multi-Language Support: Available in Haitian Creole
- Accessibility Features: Voice guidance and SMS ordering
- Micro-Investments: Start from 131 HTG ($1)
- Equipment Shares: Own parts of specific drones
- Service Hours: Purchase individual service hours
- Portfolio Tracking: Monitor investment performance
- Democratic Voting: Participate in cooperative decisions
- 4-Tier Drone Matrix: Micro (50-250g) to Heavy-Lift (10-25kg) platforms
- 13+ Platform Types: Complete coverage from surveillance to cargo transport
- Open Source Sensor Modules: 8 modular packages with 3D printable housings
- Flightory Partnership: Professional fixed-wing aircraft with 94-98% cost savings
- Complete BOM System: Detailed bill of materials with USD and HTG pricing
- Local Manufacturing: 75-85% local content with technological independence
- Agricultural Services: Precision farming and crop monitoring
- Infrastructure Inspection: Roads, bridges, utilities
- Emergency Response: Search and rescue, disaster assessment
- Media & Documentation: Aerial photography and videography
- Environmental Monitoring: Conservation and research
- Security & Surveillance: Monitoring and safety
- Blockchain Tracking: Transparent ownership records
- Smart Contracts: Automated revenue distribution
- Real-time Monitoring: Equipment status and utilization
- Geographic Coverage: Service area mapping
- Performance Analytics: ROI and impact metrics
- Color Palette: Modern, professional with Haiti-inspired accents
- Typography: Clean, readable with Geist font family
- Animations: Smooth, purposeful motion design
- Icons: Lucide icon system with custom drone imagery
- Layout: Grid-based responsive design
- Hero Sections: Multiple variants for different pages
- Interactive Elements: Buttons, forms, navigation
- Data Visualization: Charts, metrics, dashboards
- Motion Components: Animations and transitions
- Responsive Design: Mobile-first approach
- WCAG Compliance: Following accessibility standards
- Keyboard Navigation: Full keyboard support
- Screen Readers: Semantic HTML and ARIA labels
- Color Contrast: Meets AA accessibility standards
- Performance: Optimized for all devices
- Cooperative Values: Democratic, inclusive, transparent
- Open Source: Community-driven development
- Haiti-Focused: Culturally appropriate and locally relevant
- Sustainable: Long-term viability and impact
- Innovation: Cutting-edge technology for social good
We welcome contributions from developers, designers, and community members:
- Fork the repository
- Create a feature branch:
git checkout -b feature/amazing-feature - Make your changes: Follow our coding standards
- Test thoroughly: Ensure everything works
- Submit a pull request: Describe your changes
- TypeScript: Strongly typed code
- ESLint: Follow configuration rules
- Prettier: Consistent code formatting
- Components: Reusable, well-documented
- Testing: Write tests for new features
- Website Architecture: Complete and live
- Content System: All pages implemented
- Component Library: Advanced UI components with shadcn/ui
- Production Deployment: Live at dronezoe.net
- CI/CD Pipeline: Automated deployment
- Performance Optimization: Static site optimization
- Enhanced Dashboard System: 6-service integrated platform with comprehensive sidebar navigation
- Unified Service Architecture: Consistent naming conventions and port management
- Advanced Navigation: JavaScript page switching, CSS animations, and theme integration
- Role-Based Interfaces: Specialized dashboards for different user types with 8-9 organized sections each
- User Authentication: Member registration and login
- Investment System: Real investment processing
- Payment Integration: HTG, USD, cryptocurrency
- Blockchain Integration: Ownership tracking
- Real-time Data: Live equipment monitoring
- API Development: Backend services
- Mobile Application: iOS and Android apps
- International Expansion: Other Caribbean markets
- Advanced Analytics: AI-powered insights
- Partnership Platform: Vendor and service integrations
- Educational Program: Training and certification
- Build Time: ~2-3 minutes
- Page Load: <2 seconds globally
- Lighthouse Score: 95+ performance
- Bundle Size: Optimized for speed
- CDN Distribution: Global availability
- Code Quality: TypeScript, ESLint, Prettier
- Component Coverage: 95% reusable components
- Responsive Design: 100% mobile compatible
- Accessibility: WCAG AA compliant
- SEO Optimized: Meta tags, sitemap, robots.txt
- Website: https://dronezoe.net
- GitHub Repository: https://github.com/RedjiJB/drone-Zoe
- Deployment Actions: GitHub Actions
- Live Documentation: https://dronezoe.net/docs
- Dashboard & UI Guide: DASHBOARD_GUIDE.md (Complete Enhanced UI Documentation)
- SaaS Dashboard Fixes: SAAS_DASHBOARD_FIXES.md (Technical Implementation Notes)
- API Documentation: http://localhost:3000 (Development)
- Drone Designer Guide: Design Document
- Deployment Guide: DEPLOYMENT.md
- Change Log: CHANGELOG.md
- Roadmap: ROADMAP.md
- Directory Structure: WEBSITE_DIRECTORY_TREE.md
- GitHub Pages Setup: GITHUB_PAGES_SETUP.md
- Email: info@dronezoe.net
- Investment Inquiries: invest@dronezoe.net
- Partnership Opportunities: partners@dronezoe.net
- Support: support@dronezoe.net
- HTTPS: Enforced SSL/TLS encryption
- Privacy Policy: Transparent data handling
- No Personal Data: Currently static site only
- Future Security: Planned security audits for platform features
- Dependencies: Regular security updates
- Code Review: All changes reviewed
- Static Analysis: Automated security scanning
- Access Control: Repository permissions
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Free to Use: Open source for community benefit
- Collaborative: Encouraging community contributions
- Transparent: All development in the open
- Educational: Learning resource for others
- Next.js Team: Amazing React framework
- Vercel: Development and hosting platform
- GitHub: Repository hosting and CI/CD
- Tailwind CSS: Utility-first CSS framework
- Contributors: All developers and designers who contribute
- Beta Testers: Community members testing the platform
- Advisors: Technical and business guidance
- Haiti Tech Community: Local technology ecosystem
- Documentation: Check DEPLOYMENT.md and other docs
- GitHub Issues: Report bugs and request features
- Discussions: Community discussions and questions
- Email Support: For urgent issues and partnerships
- Investment Opportunities: invest@dronezoe.net
- Partnership Proposals: partners@dronezoe.net
- Media & Press: info@dronezoe.net
- Technical Support: support@dronezoe.net
Drone Zoe - Democratizing Drone Technology Through Cooperation
🌐 Visit Website • 📖 Documentation • 🚀 Deploy • 🤝 Contribute
Made with ❤️ for the Haiti tech community and cooperative movement