Challenge solution - André Davies#62
Open
andreddavies wants to merge 2 commits into
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🚀 Challenge Submission – Pokeverse
📌 Description
This PR contains my submission for the coding challenge.
The goal was to create a responsive, accessible, and performant application integrated with the PokéAPI, while following clean code principles and best practices.
🔨 Implemented Features
✅ Pokémon listing with offset-based pagination
✅ Pokémon details page with additional info
✅ Light/Dark mode toggle with custom theme provider
✅ Global React Query setup for data fetching and caching
✅ Reusable UI components such as PokemonCard
✅ Tests using Vitest + React Testing Library
⚡ Performance
Data caching and de-duplication using React Query
Reduced redundant API calls by reusing query data
Documented best practices in react-performance.md
🛠️ How to Run
Pull branch
Install dependencies
Start development server
🙌 Notes
This PR is the final submission for the challenge, coming from my fork of the repository.