A comprehensive platform for discovering, managing, and analyzing digital badges with AI-powered features.
MyBadgeLife is a production-ready digital badge management platform that helps users discover, organize, and track their digital credentials and achievements.
- Smart Badge Search: Find badges using AI-powered image analysis and web search
- Personal Collection: Organize and manage your badge portfolio
- Badge Verification: Comprehensive validation and authentication system
- Image Recognition: Upload badge images for automatic identification
- Smart Matching: AI-driven badge matching and recommendation system
- Analysis Results: Detailed insights and badge information extraction
- Role-Based Access: Admin, Maker, and User roles with appropriate permissions
- Team Organization: Collaborative badge management for organizations
- User Profiles: Comprehensive user management system
- Email Notifications: Automated emails for badge approvals, rejections, and updates
- Discord Integration: Real-time notifications via Discord webhooks
- Customizable Preferences: User-controlled notification settings
- Usage Analytics: Track platform engagement and user behavior
- Admin Dashboard: Comprehensive management tools for administrators
- Performance Monitoring: Real-time system health and metrics
- Badge Statistics: Accurate public badge ownership/want counts with secure database functions
- Secure Authentication: Powered by Supabase Auth
- Row Level Security: Database-level access control
- Role-Based Permissions: Granular access control system
- React 18 with TypeScript
- Vite for fast development and building
- Tailwind CSS with custom design system
- shadcn/ui components
- React Query for data management
- React Router for navigation
- Supabase for backend services
- PostgreSQL database with RLS
- Edge Functions for serverless computing
- Real-time subscriptions
- Replicate for AI image analysis
- SerpApi for web search capabilities
- Discord webhooks for notifications
- Email service integration
- Node.js & npm (install with nvm)
# Clone the repository
git clone <YOUR_GIT_URL>
# Navigate to project directory
cd mybadgelife
# Install dependencies
npm install
# Start development server
npm run devThe project uses Supabase for backend services. The configuration is automatically handled through the Lovable platform.
src/
├── components/ # Reusable UI components
│ ├── ui/ # shadcn/ui components
│ └── ... # Feature-specific components
├── hooks/ # Custom React hooks
├── pages/ # Route components
├── integrations/ # External service integrations
└── lib/ # Utility functions
supabase/
├── functions/ # Edge Functions
└── migrations/ # Database migrations
The platform uses a comprehensive PostgreSQL schema with 16 tables:
- User management (profiles, roles, teams)
- Badge system (badges, confirmations, embeddings)
- Analytics and tracking
- Email preferences and notifications
- Admin and role management
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production build
- Hot reload for instant development feedback
- TypeScript for type safety
- Tailwind CSS for rapid styling
- Component-based architecture
Deploy easily through the Lovable Platform:
- Click "Publish" in the Lovable editor
- Your app will be deployed automatically
- Connect a custom domain in Project Settings if needed
This project is built with Lovable - an AI-powered development platform.
- Via Lovable: Visit the project URL and start prompting for changes
- Local Development: Clone the repo and push changes
- GitHub: Edit files directly or use Codespaces
All changes sync automatically between Lovable and the repository.
This project is part of the Lovable ecosystem. See the Lovable platform for terms and conditions.
Built with ❤️ using Lovable