Handy.505 is a Pokémon Trading Card Games catalogue. Live here.

Handy505 is the name of the model of the first Pokedex.

It's already deployed and avaliable at https://www.handy505.joelxr.dev/. To manually deploy it follow the instructions:

npm install
npm run build

Or, to development mode:

npm run serve

So, I decided to start studying React and I took Brian Holt's classes at FrontendMasters (Complete Intro to React v4) and Brian did a pet adoption app on his course. Based on it, I created Handy505, to exercise and go further with what I learned.

It's a simple and pure React application that consumes Pokémon TCG API with axios. Besides that, I use ReactDOM, React Context API, Reach Router, Babel 6, ESLint, Prettier and to lazy load images react-lazy-load-image-component (go and give it a star by the way).

For styling it relies on NES.css and Sass.

And, finally, Parcel to bundle then all and delivery it.

I've spent about 12 hours to get this result, see here my WakaTime report.

As a new developer in React environment I think that's very impressive, of course, having experience with Vue.js and Angular helped a little, for instance, axios is an old friend of mine.