Table of Contents
You can click on the View Demo link up above or here to view a deployed version.
Otherwise you can download and run it locally
- Clone the repo
git clone https://github.com/glenrage/block-dex.git
- Install NPM packages
npm install - Run tests
npm run test - Run Build
npm run start - Open browser to localhost:3000
- Add Pokemon Feature - Since instructions were to NOT use the Pokedex API, my intuition tells me this feature should allow the user to custom add a new Pokemon that does not exist.
- I stored the new pokemon data in localstorage, normally we would probably want to persist the data through a database layer, but in our case its temporarily stored on the client side.
- New Pokemon data is retrieved through Context API. Using Redux would be a bit overkill for this small project, but as our app scales a state management library would be ideal than the Context API.
- Error Handling - Main application error handling is handled through an Error Handler Wrapper component. Network requests error handling is done via simple try catch blocks.
- Responsiveness & Styling - Unfortunately did not have enough time to make it mobile pixel perfect. Gallery view does scale down as screen resolution decreases.
- Testing - I added a few integration & unit tests. I favor integration testing as how components render within pages or other components gives the best return or "bang for buck" for time allotted to writing tests