https://github.com/ceriw/pokediscoverer

Display information about pokemon in the user's web browser
https://github.com/ceriw/pokediscoverer

async-await create-react-app github-pages json pokeapi scss typescript yaml

Last synced: about 18 hours ago
JSON representation

Display information about pokemon in the user's web browser

• Host: GitHub
• URL: https://github.com/ceriw/pokediscoverer
• Owner: CeriW
• Created: 2023-09-14T20:14:14.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2025-02-03T22:07:38.000Z (11 days ago)
• Last Synced: 2025-02-03T23:20:07.655Z (11 days ago)
• Topics: async-await, create-react-app, github-pages, json, pokeapi, scss, typescript, yaml
• Language: TypeScript
• Homepage: https://pokediscoverer.netlify.app
• Size: 6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# PokéDiscoverer

This project was created as my first proper foray into learning React. It randomly generates a pokemon ID number and then uses [PokeAPI](https://pokeapi.co/) to display information about that pokemon back to the user.

## Tech details

- Created using create-react-app

- Written in Typescript with typing used throughout

- Uses async/await functions to call [PokeAPI](https://pokeapi.co/)

- Has a sample pokemon (Pikachu) stored in a json file for use should the API call fail

- Auto-deploys to Github Pages using a yaml CI/CD action whenever changes are made to the master branch

- Includes some basic Jest testing

- Styled using SCSS

- Search textbox/dropdown is aided by the [Material-UI](https://mui.com/material-ui/react-autocomplete/) autocomplete component