Social Prediction-Markets Feed App
Overview
A mobile-first social application that fuses a short-form content feed with prediction-markets data. Users browse a vertical feed, vote on outcomes, and create posts via an in-app camera composer, blending social media UX with market-driven predictions.
Why It Exists
a build to explore what a consumer “social betting / predictions” surface feels like, pairing a TikTok-style feed with live prediction-market odds, and validating the front-end interaction model before committing to a backend.
What We Built
A React 19 + Vite single-page app organized into feature areas: a feed/ (FeedCard, GlobalFeed, VotePanel, MarketChipSlider, SlideToCall, CallButton, FlameUsername), a discover/ home, an event/ page, profile/ views (author profiles, prediction items), and a create/ flow with a CameraComposer. State runs through a UserContext and TanStack Query; routing uses React Router v7; Framer Motion drives gestures and transitions. A polymarket.js API client pulls market data, with mockFeed data backing the build.
Technologies & Approach
React 19/JSX with Vite for fast iteration, TanStack Query for data fetching/caching, React Router v7 for navigation, and Framer Motion for the animation-heavy, swipe-driven UX. Polymarket serves as the prediction-markets data source. Front-end-only by design, with mock data standing in for a backend.
Outcome / Impact
A working interactive build that proved out the social-feed-meets-prediction-markets concept and its core interactions (voting, market chips, camera capture). The codebase was also packaged for Cloudflare deployment in its sibling repo.
Capabilities Demonstrated
- Mobile-first social feed UI/UX engineering
- Integration of live prediction-market data (Polymarket)
- Camera-based content creation flow
- Gesture- and animation-rich React interactions (Framer Motion)