Self-directed project: Built while working through the ByteGrad curriculum, to practice production-grade patterns end to end.
RemoteDev
Job board built from scratch with instant search and real-time filtering
What I Set Out To Build
I built RemoteDev as a self-directed portfolio project (developed while working through the ByteGrad curriculum) to practice the kind of high-performance search and filtering that real hiring platforms depend on. The goal was to solve, hands-on, the common pain points of job boards: slow search, clunky filtering, and interfaces that make candidates abandon applications.
What it demonstrates: A production-style approach to real-time search and filtering — the kind of responsiveness real hiring platforms need to keep candidates engaged.
How I Built It
I built the platform as a modern, high-performance job board using Next.js Server Components for fast page loads. The core is an optimized search experience powered by server-side pagination and TanStack Query, giving fast, real-time filtering by technology, location, and role. I used Prisma with PostgreSQL for a type-safe database and Zod for runtime validation. The UI was built with shadcn/ui and Tailwind CSS, with Framer Motion, React Portals, and Zustand for a fluid, responsive experience.
Result: Full-stack job board built around real-time search and filtering performance
Fast Search
Server-side pagination with TanStack Query delivers quick search results, even when filtering by multiple criteria across thousands of seeded job listings.
Real-Time Filtering
Instant, responsive filtering by technology, location, and role without page refreshes.
Polished User Experience
Smooth animations (Framer Motion) and a clean UI (shadcn/ui) make browsing and applying feel effortless.
Robust State Management
Zustand and Context API manage complex application state, keeping the UI consistent and predictable.