GitHub - blai30/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. · GitHub

Name		Name	Last commit message	Last commit date
.vscode		.vscode
app		app
components		components
lib		lib
models		models
public		public
resources		resources
.env.example		.env.example
.gitignore		.gitignore
.prettierrc		.prettierrc
README.md		README.md
bun.lock		bun.lock
eslint.config.mjs		eslint.config.mjs
next-env.d.ts		next-env.d.ts
next.config.ts		next.config.ts
package.json		package.json
postcss.config.mjs		postcss.config.mjs
tsconfig.json		tsconfig.json

Repository files navigation

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

card.mp4

Features:

Search by summoner name and region
Fully responsive design
Dark mode
Pagination
Server-side rendering (SSR)
Hosting on Vercel

TODO:

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

About

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.

hextech-check.vercel.app/

nextjs react tailwindcss typescript

3 stars

2 watching

Report repository

Releases

Packages

Used by

Contributors

Languages