Pokédex - React
https://github.com/jcarlosalarconp/pokedex
https://pokedex-cyan-six.vercel.app/
API: https://pokeapi.co/
First project with React, to learn about this technology.
✅ List the Pokémon with their basic information.
✅ When selecting a Pokémon, display more detailed information.
✅ Fetch data from the API.
✅ Fully responsive web design.
✅ List with Infinite Scrolling.
✅ Search for Pokémon by name or ID.
✅ Show an alert message if the search does not match a Pokémon.
✅ Style the application to make it visually appealing.
Tools used
From brief
Topics
Share
Reviews
1 review
Cool project, Juan!
I’m curious what your main motivation was for building this. It would be interesting to hear a bit more about the idea behind it.
I like how simple the product feels right now, but there are a few things that affect usability and accessibility. For example, the Pokémon name isn’t visible until you hover over a card, and even after clicking the card, the name, description, height, and weight are hard to read because of very low contrast. These are things that could be fixed quite quickly and would make a big difference to the experience.
I also like that you highlighted the Pokémon types as pills. It would be great if users could filter by specific types using those pills.
Even though there is a search input, I’m not sure it’s working. No matter what term is entered, nothing seems to be searchable.
You might also like
Events Managment App
Mobile Onboarding: Casa di Pasta
Accessible Signup & Login Experience — Brainex
Accessible Signup Form
Accessible Signup Form
WellNest
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
