Image Lightbox
Image Lightbox
Image Lightbox
Image Lightbox
Image Lightbox
Image Lightbox
Zoom: 125%
Pokedex96
Description
The original Pokédex built online in React. View information and stats about any Pokémon with animated sprites and sounds.
Features
- Interactive Pokédex to view information and stats on any Pokémon
- View Pokémon sprites and hear their cries
- Track Pokémon you've caught and create a list of your favorites
- Easily search any Pokémon and filter by categories like generation, type, and more
- Use GPT Vision API to identify Pokémon with your camera
- Save progress locally or by creating an account
- Customizable settings for user preferences like sound and user themes
Technologies Used
This project was built in React with TypeScript, and Node.js, using Firebase storage to store my media files. The PokeAPI is also used for providing all of the Pokémon info and images. Currently deployed here on Netlify.
Development Process & Motivation
I came across the PokeAPI in an exercise from Scrimba Frontend Developer Career Path. It looked like it had every piece of information from every Pokémon, including pictures, so I wanted to make a fun way to display them on the original Pokedex. I grew up playing the original games and watching the show, so when I learned of this I had to try to recreate it.
Challenges & Solutions
The biggest challenge for this one was figuring out how to reduce API calls to PokeAPI. I decided on making a Python script to compile all the necessary info into a local JSON file which the interface would read from. This would also help the app stay available when offline.
Future Plans & Improvements
Some upcoming features I want to add are the ability to easily add and manage multiple teams, and user accounts to be able to save user's settings.
Live Demo
Contact Me
Let’s make your idea a reality
Thank you for taking the time to visit my website! If you're looking for a skilled and innovative developer to work with, don't hesitate to reach out. Whether you have a job opportunity or a freelance project in mind, let's connect and see how we can work together.
You can send me a message below or email me at stevenmendoza.dev@gmail.com