Predicta
Decentralized prediction platform with XP rewards and real-time leaderboard voting system
Project Description
This project is a decentralized prediction market platform where users can create predictions on various topics and vote on them. The platform combines Web3 technologies with traditional web experience to provide a modern, gamified user interface.
Key Features: š Multi-Authentication: Login with wallet, email, Google, Twitter via Privy š Prediction System: Users can make YES/NO predictions with time-based expiration šÆ XP & Badge System: Voting rewards (+5 XP) and correct prediction bonuses (+10 XP) š Real-time Leaderboard: Live XP ranking updates every 10 seconds šØāš¼ Admin Panel: Manual prediction result determination ā” Auto-resolution: Automatic prediction resolution when time expires šØ Modern UI/UX: Aurora backgrounds, glassmorphism effects, responsive design
Tech Stack:
- Frontend: Next.js 14.2.30, TypeScript, Tailwind CSS, React 18
- Backend: Firebase Firestore, Firebase Functions
- Web3: Privy 2.17.3, Wagmi 2.15.6, Viem 2.31.7
- Authentication: Multi-provider support (wallet, email, social)
The platform encourages user engagement through gamification elements like XP earning, badge collection, and competitive leaderboards, making prediction markets more accessible and entertaining for mainstream users.
How it's Made
This decentralized prediction platform combines Web3 and modern web technologies for a seamless user experience.
š„ļø Frontend: Next.js 14.2.30 with TypeScript and Tailwind CSS for type-safe development and modern UI with glassmorphism effects.
š„ Backend: Firebase Firestore for real-time database operations and automated prediction resolution with Firebase Functions.
š Web3 Integration: Privy 2.17.3 for multi-provider authentication (wallet, email, social) and Wagmi 2.15.6 for Ethereum wallet interactions.
šØ Key Features: Real-time leaderboard updates, automated XP/badge system, responsive design with aurora backgrounds, and optimistic UI updates for better user experience.
š§ Notable Implementation: Custom Redux integration, automated prediction lifecycle management, and seamless authentication state between Privy and Firebase.
