Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/marlosirapuan/react-pokedex
- Owner: marlosirapuan
- Created: 2021-01-12T20:18:15.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-14T18:58:30.000Z (almost 4 years ago)
- Last Synced: 2023-12-12T20:51:23.007Z (about 1 year ago)
- Topics: chakra-ui, dark-mode, pokeapi, react, redux-toolkit, typescript
- Language: TypeScript
- Homepage: https://react-pokedex-typescript.netlify.app
- Size: 815 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.