/hextech-check

View champion mastery and check Hextech chests obtained for your League of Legends summoner in the form of beautiful interactive cards. Built with React Next.js TypeScript and Tailwind CSS.

Primary LanguageTypeScript

Demo: https://hextech-check.vercel.app/

screenshot

card.mp4

Features:

  • Fully responsive design
  • Dark mode
  • Server-side rendering (SSR)
  • Hosting on Vercel

TODO:

  • Search engine optimization (SEO)
  • Progressive Web App (PWA)
  • Search by summoner name and region
  • Filter by champion name, class, and chest available
  • Sort by champion name, mastery, chest, or last played
  • Sort by ascending or descending order
  • Pagination
  • Minify json
  • Image optimization
  • HTTP2 APIs