Bjoren/ResearchMap

Pokéstop icon UX changes

Open

#18 opened on May 21, 2019

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)JavaScript (0 forks)auto 404
front-endhelp wanted

Repository metrics

Stars
 (0 stars)
PR merge metrics
 (PR metrics pending)

Description

The Pokéstop icons should:

  • Be opaque when not clicked or hovered over and no research is attached to it
  • Display a pop-up when hovered over containing its name
  • Display a bigger pop-up when clicked containing more detailed information about attached research
  • Display an image of the rewarded item/Pokémon when a report is attached

https://github.com/msikma/pokesprite/tree/master/icons/pokemon/regular

Contributor guide

Research direction
Explore the current Pokéstop icon implementation in the codebase. Understand how icons are rendered and how hover/click events are handled. Then implement pop ups: a small one on hover showing the name, and a larger one on click showing detailed research info and images. Use the pokesprite library for Pokémon images.
Tech stack
javascripthtmlcss
Domain
frontendweb dev
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
GitHTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70