https://github.com/lui7henrique/nexus

a league of legends web app to know more about champions, summoners, matches, icons, items and more!
https://github.com/lui7henrique/nexus

nextjs react reactjs styled-components typescript

Last synced: 22 days ago
JSON representation

a league of legends web app to know more about champions, summoners, matches, icons, items and more!

• Host: GitHub
• URL: https://github.com/lui7henrique/nexus
• Owner: lui7henrique
• Created: 2021-07-08T00:47:36.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-08-01T21:26:23.000Z (over 3 years ago)
• Last Synced: 2024-12-31T19:08:03.576Z (about 1 month ago)
• Topics: nextjs, react, reactjs, styled-components, typescript
• Language: TypeScript
• Homepage: lol-six.vercel.app
• Size: 5.35 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🐦 Nexus

## 🖼 Imagens

![nexus](https://user-images.githubusercontent.com/70612836/125513046-aa00057a-6db4-48cc-9aa6-b8f37190e938.png)

 

## 💻 Projeto

Nexus é excelente para quem gosta de explorar sobre universo de League of Legends, com informações de invocadores como histórico de partidas, maestrias, nível, taxa de vitória, entre outros...

Além da listagem de todos os campeões do jogo, com página específica de cada um, contendo história, habilidades, e skins. Incluindo também uma página com todos os ícones e items do game! 

> Acesse em: https://nexus-lol.vercel.app/ 

 

## 🧠 To do

- [x] Readme

- [x] Listagem de campeões

- [x] Página de campeão (com splashart, nome, categoria(s), skins, lore, infos, stats, skills, dicas pra jogar com e dicas para jogar contra)

- [x] Busca por invocador

- [x] Listagem dos dados do invocador (maestrias, nível, elo, winrate)

- [x] Página de itens 

- [x] Página de ícones

- [x] Listagem de partidas com: adversários, aliados, itens, kda, e vitória/derrota.

- [ ] Página de cada partida com [gráficos](https://apexcharts.com/docs/react-charts/) de dano, itens, timeline, etc...

- [ ] [Skeleton](https://www.npmjs.com/package/react-loading-skeleton) loading pages 

- [ ] [Infinite scroll](https://www.npmjs.com/package/react-infinite-scroll-component)

- [ ] Detalhes de cada item: preço, atributos, etc...

- [ ] Filtros nas páginas de itens e campeões 

- [ ] Página de maestrias

- [ ] Página clash

 

## 👩‍💻 Tecnologias

Esse projeto foi feito usando as seguintes tecnologias: 

- [ReactJS](https://reactjs.org)

- [TypeScript](https://www.typescriptlang.org/)

- [NextJS](https://nextjs.org/)

- [SASS](https://sass-lang.com/)

- [Styled-Components](https://styled-components.com/)

- [Riot Games - League of Legends API](https://developer.riotgames.com/docs/lol)

- [Twisted](https://github.com/Sansossio/twisted)