Loading project...
Full Stack
A social feed where followers see new arrivals, flash sales, restocks, and events from independent local stores, with a merchant dashboard for stores to post and track engagement.
StoreFeed is a full-stack Next.js application implementing a social feed for independent local stores. Shoppers follow stores to see updates in a unified feed, while merchants get a lightweight dashboard to publish posts, view stats, and manage their store profile. The app uses a mock-first data layer with a strict TypeScript interface (FeedDataSource) so a real backend can be swapped without UI changes. State is managed via a per-user interaction store using useSyncExternalStore with optimistic updates and pub/sub synchronization. The UI is built with React Server Components, Tailwind CSS v4, and a custom design-token system (Editorial theme: charcoal + Fraunces serif) defined in CSS custom properties. It supports English and Hebrew with full RTL layout flipping, an accessibility widget (text zoom, reduced motion), and comprehensive onboarding/legal modals. All 10 screens (feed, discover, deals, following, saved, events, store profile, post detail, settings, merchant dashboard) are responsive and implemented across five documented build phases.
Unified social feed of store updates (new arrivals, flash sales, restocks, events)
Follow/unfollow stores with per-user following state
Save posts to named collections (Favorites, Summer wardrobe, etc.)
Like posts, comment threads, and RSVP to events with real-time counts
Merchant dashboard: post composer, engagement stats, store profile editor
Discovery: browse verified stores by category, bilingual search (Hebrew/English)
Deals page with flash-sale hero and expiring deal cards
Events page with date chips, RSVP, and save-to-calendar
Full Hebrew/English localization with RTL layout and Hebrew-capable font stack
Accessibility widget: text zoom, reduced motion, keyboard navigation
Sign in to leave a comment