PokeApp is a Pokemon Search Engine and type calculator developed in React + TypeScript. It fetches data from an external API (PokeAPI) using Axios and filters the most accurate results based on the user input. It also takes advantage of React Hooks, Function Components, Use Effect, etc. The prototyping was made using Adobe XD, and the views were made using Bootstrap and Styled Components.
This Web Application was possible using PokeAPI: PokeAPI Documentation
-
Search Pokemon: View detailed stats, weaknesses, evolution chain, and attacks for your favorite Pokemon.
-
Search Move: Get information about various Pokemon moves and their details.
-
Type Calculator: Determine the type effectiveness of different Pokemon types, making it a valuable tool for strategic battles.
-
Latest Data: PokeApp includes all the latest information directly from the PokeAPI.
Here's an example of what you can find on PokeApp:
You can also view more details about Bulbasaur on the PokeApp website: Bulbasaur on PokeApp
The home page of PokeApp features a random quote from the Pokemon series/games, adding a touch of nostalgia for Pokemon fans.
You can access Pokemon directly through the URL in two ways:
-
By Name: Append the Pokemon's name to the URL (e.g., https://pokeapp.onrender.com/search/bulbasaur).
-
By ID: Use the Pokemon's Pokedex number to access it (e.g., https://pokeapp.onrender.com/search/1 for Bulbasaur).
PokeApp is designed to be responsive, ensuring an optimal user experience across different devices and screen sizes.
You can access the PokeApp web application using the following links:
PokeApp is deployed using CI/CD (Continuous Integration/Continuous Deployment) on Render.
Enjoy using PokeApp for all your Pokemon-related needs!
Made with 🦔 by @TheRoro