Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oscarcornejo/poke-api
App Pokemon + React + TypeScript + Redux Toolkit + PokeApi
https://github.com/oscarcornejo/poke-api
axios pokeapi react-router-dom react-toastify reactjs redux-persist redux-toolkit remixicon sass typescript vite
Last synced: about 24 hours ago
JSON representation
App Pokemon + React + TypeScript + Redux Toolkit + PokeApi
- Host: GitHub
- URL: https://github.com/oscarcornejo/poke-api
- Owner: oscarcornejo
- Created: 2024-07-17T02:30:46.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-07-17T12:07:09.000Z (5 months ago)
- Last Synced: 2024-07-18T05:49:32.659Z (5 months ago)
- Topics: axios, pokeapi, react-router-dom, react-toastify, reactjs, redux-persist, redux-toolkit, remixicon, sass, typescript, vite
- Language: TypeScript
- Homepage: https://poke-api-wird.vercel.app/
- Size: 440 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# PokeApi + React + TypeScript + Redux Toolkit
## Descripción
Este proyecto es una aplicación web que consume la PokeApi para mostrar la información de 151 diferentes Pokémon.
## Características
- **Consumo de API**: Obtención de datos de la PokeApi.
- **React**: Desarrollo de componentes reutilizables.
- **TypeScript**: Tipado estático para mayor robustez y mantenimiento del código.
- **Redux Toolkit**: Manejo eficiente del estado global de la aplicación.
- **redux-persist**: Persistencia del estado en el almacenamiento local.
## Instalación
Para clonar y ejecutar esta aplicación, necesitas [Git](https://git-scm.com) y [Node.js](https://nodejs.org/en/download/):
```bash
# Clona este repositorio
git clone https://github.com/oscarcornejo/poke-api.git
# Ve al repositorio clonado
cd poke-api
# Instala las dependencias
npm install
```
## Enviroment
Para que la aplicación funcione correctamente, es necesario crear un archivo `.env` en la raíz del proyecto con la siguiente variable de entorno (Actualmente ya se proporciona este archivo en el repositorio):
```env
VITE_POKE_API_URL="https://pokeapi.co/api/v2"
VITE_POKE_API_GET_POKEMON="https://pokeapi.co/api/v2/pokemon"
VITE_POKE_API_LIMIT="?limit=151"
```
## Uso
Para iniciar la aplicación en modo desarrollo:
```bash
npm run dev
```
Luego, abre http://localhost:5173 para ver la aplicación en tu navegador.
## Contribuir
Las contribuciones son bienvenidas. Si tienes alguna idea o mejora, no dudes en abrir un issue o enviar un pull request.