Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kelilipan/pkdx
A simple pokedex web app built with react.js, typescript, & love ❤️.
https://github.com/kelilipan/pkdx
graphql pokeapi pokedex pokemon react tokopedia
Last synced: about 2 months ago
JSON representation
A simple pokedex web app built with react.js, typescript, & love ❤️.
- Host: GitHub
- URL: https://github.com/kelilipan/pkdx
- Owner: kelilipan
- License: mit
- Created: 2021-12-02T05:38:22.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-25T04:47:19.000Z (8 months ago)
- Last Synced: 2024-07-02T07:54:32.899Z (3 months ago)
- Topics: graphql, pokeapi, pokedex, pokemon, react, tokopedia
- Language: TypeScript
- Homepage: https://pkdx.wisesa.dev
- Size: 1.58 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-made-by-indonesian - PkDx: A PokeDex app - `A simple pokedex web app built with react.js, typescript, & love` *by [Wisesa](https://github.com/svspicious)* (P)
README
# PkDx: A PokeDex app
A simple pokedex web app built with react.js & typescript made by Wisesa.dev.
## Run Locally
### Prerequisite
- [Node.js](https://nodejs.org/)
- [yarn](https://yarnpkg.com/getting-started/install) (recommended)
Clone the project
```bash
git clone https://github.com/svspicious/pkdx
```
Go to the project directory
```bash
cd pkdx
```
Install dependencies
```bash
yarn
```
Start the development server
```bash
yarn start
```
Open http://localhost:3000 with your browser to see the result.
## Running test
```bash
yarn test
```
## Github Actions
This project has a github actions scripts to run `yarn test` & lighthouse assertion, see it in [**_actions_**](https://github.com/svspicious/pkdx/actions) (ha! get it?).
## Built Using
- [Create React App](https://create-react-app.dev/) to initialize the project.
- [Emotion.sh ⚡](https://emotion.sh/) css-injs.
- [Apollo](https://www.apollographql.com/docs/react/get-started/) graphql client.
- [mazipan/graphql-pokeapi](https://github.com/mazipan/graphql-pokeapi) for graphql api.
- [Workbox ⚙️](https://developers.google.com/web/tools/workbox/modules/workbox-strategies) for creating service worker.
- [Jest](https://jestjs.io/) & [react testing-library](https://testing-library.com/) for testing.
- Written in [typescript](https://typescriptlang.org).
- [Hosted on Vercel 🚀](https://vercel.com/).
## Deploy your own
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsvspicious%2Fpkdx)
## Feedback
If you have any feedback or issues, you can submit it [here](https://github.com/svspicious/pkdx/issues).
## License
This project licensed under [MIT License, Copyright (c) 2021 Wisesa](./LICENSE)
**_Pokémon © 2002-2021 Pokémon. © 1995-2021 Nintendo/Creatures Inc./GAME FREAK inc. TM, ® and Pokémon character names are trademarks of Nintendo._**