https://github.com/joaoplgaspar/organo-lol

Organograma do jogo League Of Legends para rankear e/ou montar composições com seus campeões preferidos do jogo. Refatorado para TypeScript
https://github.com/joaoplgaspar/organo-lol

css3 html5 javascript react reactjs typescript vitrinedev

Last synced: 3 months ago
JSON representation

Organograma do jogo League Of Legends para rankear e/ou montar composições com seus campeões preferidos do jogo. Refatorado para TypeScript

• Host: GitHub
• URL: https://github.com/joaoplgaspar/organo-lol
• Owner: joaoplgaspar
• Created: 2023-07-15T08:27:11.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-08T15:18:12.000Z (almost 2 years ago)
• Last Synced: 2025-01-22T17:27:00.847Z (5 months ago)
• Topics: css3, html5, javascript, react, reactjs, typescript, vitrinedev
• Language: TypeScript
• Homepage: https://organo-lol.vercel.app
• Size: 779 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Organo LoL TypeScript 


![Static Badge](https://img.shields.io/badge/Status-_Finalizado-green?style=for-the-badge)

Organograma do jogo League Of Legends para rankear e/ou montar composições com seus campeões preferidos do jogo.

| :placard: Vitrine.Dev |     |

| -------------  | --- |

| :sparkles: Nome        | **Organo LoL**

| :label: Tecnologias | react, typescript, html5, css3, javascript

| :rocket: URL         | https://organo-lol.vercel.app



![Imagem do Organo LoL](https://github.com/joaoplgaspar/organo-lol/assets/130015259/a02d2a55-c641-4701-82b1-c570ad52dcad#vitrinedev)



## Resumo do projeto

O Organo LoL é um projeto de organograma proposto por um curso da Alura. O projeto tem como objetivo fazer você rankear ou criar composições com os seus campeões, do jogo League of Legends, preferidos, podendo colocar seu nick no jogo, uma foto sua, escolher o campeão a partir de uma API disponibilizada pelo próprio jogo, uma descrição de como você é jogando ele, e escolher uma rota ou a composição que deseja.

![Organo Lol Gif](https://github.com/joaoplgaspar/organo-lol/assets/130015259/d7fc9c95-c60e-4631-95b9-43a2ae3b3c67)

# :hammer: Funcionalidades do projeto

- `Funcionalidade 1`: Você pode criar seus cards personalizados de diversas maneiras

- `Funcionalidade 2`: Criação de composições, além das rotas normais do próprio jogo

- `Funcionalidade 3`: A lista de campeões e suas imagens são carregadas a partir da API Data Dragon, disponibilizada pela RIOT GAMES, ou seja, a lista sempre estará atualizada

# 🛠️ Abrir e rodar o projeto

**Utilize `npm install` dentro da pasta do projeto para baixar suas pendências**

**A seguir `npm start` para iniciar o projeto**

## ✔️ Técnicas e tecnologias utilizadas

- ``React e TypeScript``

- ``HTML, CSS, JAVASCRIPT``

- ``Manipulação do estado do objeto``