Skip to content

Frontend

Sinval de Deus Vieira Júnior edited this page Sep 6, 2021 · 4 revisions

PokédexWeb Frontend

Introduction

The Frontend App is a react application where the user can interact with the entire system. In the current version, the available pages are:

  • Home Page
  • Login
  • Play
  • Inventory

Home page

The Home Page is a presentation page. This page describes what are the application functionalities, the Release Notes with the most recent launched features and the author's credits. You can also note that the name of the user is displayed in the mission's text when there is a user logged.

Login

The Login is responsible to authenticate the user and to create one if needed. A modal is displayed to the user if he/she wants to create a new user in the system.

  • Creating a new user: The "Create your account" button displays a form to register the user. Currently, only the user's Name, Email and a Password is requested, making the form concise and motivate the user to continue. To create a new user, a simple call is made to the backend, passing the user's input and a message is displayed confirming that the user was created successfully.
  • Login with A Facebook account: The application is integrated with the Facebook authentication API. You can request access to the Facebook application registry if you want to add anything.

Play

This page allows the user to get new Pokémons. The Roullete game is entirely implemented with React. And is ready to have new features soon.

Inventory

This page is where the user can see their Pokémons. The Pokémon Card is expanded using the MaterialUI animations.

  • Pokemon Stats Documentation: The Pokémon's stats is divided in three different sources of information: The basic stats, the species stats and the evolution stats (this one is showed inside the species stats). All of then is obtained with a different algorithm, you can see more information about this in the Backend Docs.

Clone this wiki locally