/pokegames

A minigame where you can explore and catch the pokemon. Built with React JS and consumes public PokeAPI. 🍺

Primary LanguageTypeScriptMIT LicenseMIT

Pokegames

⚡ Pokemon Apps ヾ(≧▽≦*)o


Typescript ReactJS ViteJS Emotion Forks Contributors Stars

A pokemon minigame where you can explore and catch them all. Built with React JS and consumes public PokeAPI.🍺

Features💡

By using Pokegames you can:

  • Get all list pokemon.
  • Catch a pokemon and bring it to inventory.
  • Animation pokeball when catch the pokemon.
  • Give nickname to a pokemon
  • Releasing a pokemon
  • Pokemon stats

Technology 👨‍💻

Pokegames is created using:

  • Typescript - TypeScript is JavaScript with syntax for types.
  • React - React a JavaScript library for building user interfaces.
  • Vite - Next Generation Frontend Tooling.
  • Emotion - Emotion is a library designed for writing css styles with JavaScript.
  • Vercel - Vercel is a cloud platform that we use to deploy our apps.

Requirements 📦

  • Node JS 16 or later
  • Typescript v4 or later

Installation 🛠️

Run the website locally

git clone https://github.com/radespratama/pokegames.git pokegames

Setting up the project

cd pokegames

# Install deps
yarn || npm install

# Copy Pokemon API in .env file
# You can visit https://pokeapi.co

VITE_POKEMON_API= <API URL HERE>
VITE_POKEMON_IMAGE=https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/

Starting server

yarn start || npm run start

🤞 Contributing

After setting up the project, and making changes:

git add .
git commit -m "commit message"
git push YOUR_REPO_URL YOUR_BRANCH

🎉 Thanks to

  • @kuronekony4n [#15] img blurred (heres how to fix it)