https://github.com/diogo-aparecido-smartfit/pokedex

Aplicação feita para requisitar pokémons de uma API e renderizá-los em tela.
https://github.com/diogo-aparecido-smartfit/pokedex

api axios chakraui css html javascript pokedex pokemon react reactjs reactnative sass scss styledcomponents vite vitejs

Last synced: about 1 month ago
JSON representation

Aplicação feita para requisitar pokémons de uma API e renderizá-los em tela.

• Host: GitHub
• URL: https://github.com/diogo-aparecido-smartfit/pokedex
• Owner: diogo-aparecido-smartfit
• Created: 2022-12-08T00:43:23.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-12T21:14:48.000Z (almost 2 years ago)
• Last Synced: 2024-09-29T00:02:19.747Z (about 2 months ago)
• Topics: api, axios, chakraui, css, html, javascript, pokedex, pokemon, react, reactjs, reactnative, sass, scss, styledcomponents, vite, vitejs
• Language: TypeScript
• Homepage: pokedex-mu-eight.vercel.app
• Size: 1.48 MB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


   



Pokédex




  :rocket: Aplicação feita para requisitar pokémons de uma API e renderizá-los em tela. 🚀



# :computer: Tecnologias

Este projeto foi feito utilizando as seguintes tecnologias:

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

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

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

* [ChakraUI](https://chakra-ui.com/)

* [ViteJS](https://vitejs.dev/)

* [Axios](https://axios-http.com/ptbr/docs/intro)

## Como Iniciar?

### Requisitos

- [Yarn](https://classic.yarnpkg.com/) ou [npm](https://www.npmjs.com/package/npm)

**Clone o projeto e acesse a pasta**

```bash

git clone https://github.com/DiogoAMV/pokedex.git && cd pokedex

```

**Siga os passos abaixo**

### WEB

```bash

# Acesse a pasta 'pokedex'

$ cd pokedex

# Instale as dependências

$ npm install

# Inicie a aplicação

$ npm run dev

# O projeto iniciará no endereço http://localhost:5173/

```

---

Feito com :purple_heart: by [Diogo Marques](https://github.com/DiogoAMV)

[![Linkedin Badge](https://img.shields.io/badge/-Diogo%20Marques-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/diogomarques/)](https://www.linkedin.com/in/diogo-marques-719950221/) 

[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])