Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maikonalexandre/pokedex

🐥 Esta é uma aplicaçao que foi feita usando nextjs e typescript se consiste em um pokedex inspirada no anime pokemon.
https://github.com/maikonalexandre/pokedex

axios chakra-ui nextjs typescript

Last synced: 20 days ago
JSON representation

🐥 Esta é uma aplicaçao que foi feita usando nextjs e typescript se consiste em um pokedex inspirada no anime pokemon.

Host: GitHub
URL: https://github.com/maikonalexandre/pokedex
Owner: maikonalexandre
Created: 2022-07-21T00:44:16.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-05-16T11:49:15.000Z (over 1 year ago)
Last Synced: 2024-11-06T03:47:41.517Z (2 months ago)
Topics: axios, chakra-ui, nextjs, typescript
Language: TypeScript
Homepage:
Size: 119 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Pokedex 🐿️
![Animação-pt15](https://user-images.githubusercontent.com/86725282/180107513-0229c9c3-6cf4-469e-999a-04f7f6910a5e.gif)

## 📚 Informações sobre o projeto
Quando comecei a estudar programação todo dia que entrava no linkedin tinha alguém postando uma pokedex consumindo a api do pokeapi como esta. E confesso que ficava com muita vontade de fazer a minha, mas estava sem tempo e acabei deixando pra la. Tempos depois sem nenhuma ideia para por em prática vi um shorts sobre o anime pokemon que me despertou o interesse então baixei uma imagem de uma pokedex aleatória na internet para usar de inpiração e mão na massa

## ⚙️ Instalação
```
# Abra um terminal e copie este repositório com o comando
$ git clone https://github.com/maikonalexandre/pokedex
```
```
# Instale as dependências
$ yarn

# Inicie a aplicação
$ yarn dev
```

## 🛠️ Tecnologias/Ferramentas utilizadas

* [NextJs](https://nextjs.org/docs/api-reference/create-next-app/)
* [TypeScript](https://www.typescriptlang.org/)
* [Chakra ui](https://chakra-ui.com/)
* [phosphor icons](https://www.npmjs.com/package/react-google-login](https://phosphoricons.com/))
* [axios](https://axios-http.com/ptbr/docs/intro)
* [pokeapi](https://axios-http.com/ptbr/docs/intro](https://pokeapi.co/))

Feito com 💙 por Maikon Alexandre