/pokemaster-react

An application that you can search for a pokemon, make a registration as a coach and create a team.

Primary LanguageJavaScript

About Project

Application that you can search for a pokemon and make a registration as a coach and create a team.

Challenge

Create a heroku application composed of a CRUD that consumes the PokéAPI API. Using Ruby on Rails you should create a CRUD as follows:

  • Be able to register a trainer

  • Your coach must have a profile with photo, name, age and gender.

  • The coach can have N teams

  • Each team can have up to 6 pokémons

  • Pokémons must be added from Poke API

  • The information of the pokémons must be: Name, type, front sprite.

PokeAPI

API used that brings information about the pokemons. All the Pokémon data you'll ever need in one place, easily accessible through a modern RESTful API.

Click here to learn more

JSON to Search Pokemon

Site Pages

home

Home Page
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). Two sections where the first one contains a button that directs to the search page for pokemons and the other one directs to the creation of the registration of a trainer.

searchpokemons

Search Pokemons
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). It contains an input to search the pokemon and brings a list of cards that shows 20 per page. It can be sorted alphabetically, ascending or descending (sorted by ID). And it can be limited by type.

pokemoninformation

Pokemon Informations
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). It contains Pokemon information like photo, weight, height, hp, attack, defense, special attack, special defense and speed.

trainerform

Trainer Form
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). Contains a form to create the registration of a trainer with the options to send a photo to profile, name, date of birth and gender.

createateam

Trainer - Create a Team
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). It contains information of the trainer like photo, name, age, gender, button to create the team, card with button to edit the team, spaces to add up to 6 pokemons and button that opens a space where an input appears to search for a pokemon and add to the team.

editateam

Trainer - Edit a Team
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). It contains information of the trainer like photo, name, age, gender, card with button to edit the team, spaces to add up to 6 pokemons and button that opens a space where an input appears to search for a pokemon and add to the team.

trainersprofile

Trainer's Profile
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). It contains information about the trainer such as photo, name, age, gender and the teams..

trainers

Trainers
Menu with the options to navigate the site (Home, Pokemons, Trainer, Trainers). Contains a trainer search input by name, brings a list of cards with the trainers already registered with the information of name, age, gender and pokemons of the last registered team. It can be ordered by recently registered or alphabetically.