https://github.com/danielcrubens/kotas

🚩Desafio Técnico para a empresa Kotas. Consumir uma API e construir uma aplicação e Vue.js.
https://github.com/danielcrubens/kotas

api front-end nuxt3 pinia pokedex tailwind typescript vue3

Last synced: 4 days ago
JSON representation

🚩Desafio Técnico para a empresa Kotas. Consumir uma API e construir uma aplicação e Vue.js.

• Host: GitHub
• URL: https://github.com/danielcrubens/kotas
• Owner: danielcrubens
• License: mit
• Created: 2024-02-08T13:35:54.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-12T21:47:30.000Z (9 months ago)
• Last Synced: 2024-02-12T22:39:40.481Z (9 months ago)
• Topics: api, front-end, nuxt3, pinia, pokedex, tailwind, typescript, vue3
• Language: Vue
• Homepage: https://pokedex-nuxt.netlify.app/
• Size: 351 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## 💻 Sobre o projeto

Desafio Técnico para a empresa Kotas.

Consumir uma API e construir uma aplicação e Vue.js.

### Requisitos

**1** - Tela de listagem Pokémons, sendo 24 registros por página com paginação em Scroll (Infinita).

**2** - Pesquisa de um Pokémon específico por ID ou Nome.

**3** - Exibir o detalhe de um Pokémon ao clicar em um card, mostrando os seus efeitos.

Exibir o detalhe de um Pokémon ao clicar em um card, mostrando os seus efeitos.

(Deve ser redirecionado para um página nova, sendo possível

também pesquisar um pokémon específico via parâmetro na url)

**4** - Responsividade para visualização em dispositivos Móveis. 

**5** - Aplicação de Clean Code no projeto.

## :rocket:  Tecnologias utilizadas

Esse projeto foi desenvolvido com a seguinte tecnologia:

- [Nuxt](https://nuxt.com/)

- [Tailwind ](https://tailwindcss.com/)

- [Pinia ](https://pinia.vuejs.org/)

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

## :zap:  Figma

- [Protótipo](https://www.figma.com/file/7s6fPACcLCmef4JZ8cM35v/Teste-FrontEnd---Pokemon?node-id=0%3A1)

## 💾 Instalação

Instale todas as dependências do projeto

```

npm install

```

Rode a aplicação

```

npm run dev

```

## 📝 License

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



    Feito com 🖤 ☕  by Daniel Rubens