glenrage / block-dex

PokeyDecks

Small Pokedex project


View Deployed Version

Table of Contents

• Built With
1. Getting Started
   • Installation
2. Technical Decisions

Built With

• 

Getting Started

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

Installation

1. Clone the repo

   git clone https://github.com/glenrage/block-dex.git

2. Install NPM packages

   npm install
   

3. Run tests

   npm run test
   

4. Run Build

   npm run start
   

5. Open browser to localhost:3000

Technical Decisions

1. 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.
2. 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.
3. Responsiveness & Styling - Unfortunately did not have enough time to make it mobile pixel perfect. Gallery view does scale down as screen resolution decreases.
4. 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

(back to top)