radespratama / pokegames

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

Pokegames

⚡ Pokemon Apps ヾ(≧▽≦*)o

---

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)