/pokemon-client

This front end application allows users to manager their competitive Pokemon team

Primary LanguageJavaScriptOtherNOASSERTION

Project 4: Pokemon Project client

This application is a place where users can manage(post, view, update, delete) their own competitive pokemon teams.

Important Links

Deployed client Deployed API API repository Requirements

Planning Story

After completing the models and routes in the back end api, I created the sign-up, sign-in, change password and sign-out forms in html. Then completed and tested the user auth form functions. Same process was done for the pokemon crud actions(create, destroy, update, view all) and tested. Next was to get the data to show as an html string in 2 columns. Once the data looked decent on the webpage, added image and color. Then showing appropriate forms and hiding forms when appropriate.

User Stories

  • As a user I want to sign up
  • As a user I want to sign in
  • As a user I want to change password
  • As a user I want to sign out
  • As a user I want to add a pokemon to my team
  • As a user I want to delete a pokemon from my team
  • As a user I want to edit a current pokemon on my team
  • As a user I want to see all pokemon on my team

Technologies Used

  • jQuery
  • HTML/CSS
  • Bootstrap
  • Javascript

Unsolved Problems

  • 1 click button for delete form
  • allow users to add an image for pokemon where the pokeball currently is
  • add more styling
  • align buttons/text

Images

Site image:

---

Wireframe: