Pokedex Application (WIP)

pokedex homepage

This WIP Next.js app utilizes the robust Pokemon API to pull and display a list of clickable cards that then show detailed information. This site works with server-side rendering on portions to speed up load times and put less work on the client.

As something that I’ve built from the ground up with no real guidance on what to do, I’m quite proud of the functionality so far. Clicking on each card opens a popup window that holds further information which is closed by clicking outside the box. Plans for the future include lazy loading as you scroll down the page, listing out moves on each detail card, and touching up the header and footer to look more professional and complete.

// Challenge for fun

This sticks as a fun project for me that melds my passion for games along with my expertise in coding. The possiblities for features and functionality are endless with such a comprehensive API.

// Trial and Error

In this project, I've developed a number of new tools: Next.js for server-side rendering, TailwindCSS for the styling, and ChartJS to build out pokemon stats ins a visually pleasing graph.

// Stand out through polish

My end goal is to have my pokedex stand out through a cleaner user experience that's responsive and intuitive, as most sites still use multi-page layouts for this kind of application.

More Info

If you'd like to follow any updates and new projects I'm working on, feel free to subscribe and you'll be notified when I post!

You have been successfully Subscribed! Ops! Something went wrong, please try again.

Quick Links

Address

+1(843) 870-0374

Phone Number

[email protected]

Email Address