Conceived for the 2023 League of Legends World Championship event, BiR (Best in Role) has swiftly gained popularity, with 52,000+ esports fans actively using it during the event.
- Next.js 13.4 /w App Router & Route handlers, React, TypeScript
- React Query (Tanstack) + Axios, Tailwind CSS, Shadcn UI
- MySQL · PlanetScale · Prisma · Clerk · Zod
1- Performance : Immediate reactivity through optimistic updates, lazy loading, efficient caching, parallel queries, and seamless handling of loading states. Lighthouse Performance score : 100.
2- Intuitive, clean UI/UX design: color shades, whitespace, visual hierarchy, attention allocation.
3- SEO : Metadata, favicons, sitemaps, and OpenGraph images as well as advertising through self-promotion & reaching out to influencers on X (Twitter), Reddit, and Twitch. Lighthouse SEO score : 100.
4- Responsiveness for all targeted devices (Desktop, multiple laptop screens, tablets, and mobile) & Cross-browser compatibility.
5- Maintainability : Type-safety end-to-end, schema validation, and customizable typesafe reusable components.