Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/marlosirapuan/react-pokedex

Pokedex with React Typescript
https://github.com/marlosirapuan/react-pokedex

chakra-ui dark-mode pokeapi react redux-toolkit typescript

Last synced: about 1 month ago
JSON representation

Pokedex with React Typescript

Awesome Lists containing this project

README

        

# React Pokedex
[![Netlify Status](https://api.netlify.com/api/v1/badges/24a56b92-bb25-4a8c-9175-053478dbff29/deploy-status)](https://app.netlify.com/sites/react-pokedex-typescript/deploys)

Simple control to list, search, add and remove Pokemons into your Pokedex: https://react-pokedex-typescript.netlify.app

![Screenshot](screenshot.png)

## Stack
- [Chakra](https://chakra-ui.com/) [layout]
- [Redux Toolkit](https://redux-toolkit.js.org/) [state management]
- [Axios](https://github.com/axios/axios) [request]
- [Jest](https://jestjs.io/) / [Enzyme](https://enzymejs.github.io/enzyme/) [testing]
- [Typescript with Standard](https://github.com/marlosirapuan/cra-template-typescript-standard-prettier) [cra template]
- [PokeAPI](https://pokeapi.co/api/v2)

---

## Getting started

If you have yarn installed in your machine.
```
yarn install
yarn start
```

Run tests:
```
yarn test
```

## Docker

If you prefer you can use Docker.
```
docker-compose up
```
Wait to finish the build and start the app in http://localhost:3000.