Best In Role
Best in Role - Esports Voting Platform & Leaderboard
Conceived for the 2023 League of Legends World Championship event, BiR (Best in Role) has swiftly gained popularity, with 50k+ esports fans having visited it throughout the event.
Website : https://best-in-role-lol.vercel.app
Demo Video
Tech Stack
- Next.js with App Router and Route Handlers, React, TypeScript
- React Query (TanStack), Zod, Tailwind CSS
- MySQL
My Design of Best in Role
Web Vitals
Targeted Quality Attributes
1- Performance : Immediate reactivity through optimistic updates, lazy loading, efficient caching, DB indexing, 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 both 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, clear and scalable codebase folder structure, customizable typesafe reusable components.
License
Contact
