garcia-25 / hextech-check

View champion mastery and check Hextech chests obtained for your League of Legends summoner. Users have the ability to apply sorting and filters to alter the appearance of the table. Built with React Next.js TypeScript and Tailwind CSS.

Demo: https://hextech-check.bhlai.com/

API: https://github.com/blai30/HextechCheck-Functions

Features:

• Fully responsive design
• Dark mode
• Server-side rendering (SSR)
• Hosting on Vercel
• 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

TODO:

• Pagination
• Minify json
• Image optimization
• HTTP2 APIs