All projects
projectlive

KEC Archives — Frontend

April 2026

The frontend for KEC Archives, built with Next.js 15 App Router and React 19. The feed is cached in a client-side store (`feed-store.ts`) so switching between tabs is instant — no redundant fetches. All `/api/v1/*` requests are proxied to the FastAPI backend via a Next.js rewrite rule. No backend URL is hardcoded in frontend code. **Key implementation details:** - In-memory feed and reaction cache — switching tabs doesn't re-fetch data already loaded - WebRTC audio/video calls (PeerJS) embedded inside DM conversations - AI panel on create-post: Groq for text generation, HuggingFace FLUX for image generation - Group chats with invite links, join request approval, and member role management - Three color themes (Default, Slate, Sepia) stored in localStorage - PWA with a service worker — installable on Android and iOS - Edge Runtime OG image generation per post and profile - ISR sitemap updated hourly, JSON-LD structured data on all pages

View LiveGitHub

TECH STACK

Next.js 15React 19TypeScriptTailwind CSSPeerJSWebRTC

TAGGED

#frontend#nextjs#react#typescript#pwa#webrtc