Bjoren/ResearchMap

Pokéstop icon UX changes

オープン

#18 opened on 2019/05/21

GitHub で見るコントリビューターガイド
 (0 件のコメント) (0 件のリアクション) (0 人の担当者)JavaScript (0 件のフォーク)auto 404
front-endhelp wanted

Repository metrics

Stars
 (0 個のスター)
PR merge metrics
 (PR metrics pending)

説明

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

コントリビューターガイド

調査方針
コードベース内の現在のPokéstopアイコンの実装を調査してください。アイコンのレンダリング方法と、ホバー/クリックイベントの処理方法を理解します。次に、ポップアップを実装します：ホバー時に名前を表示する小さなポップアップと、クリック時に詳細な研究情報と画像を表示する大きなポップアップです。ポケモンの画像にはpokespriteライブラリを使用します。
技術スタック
javascripthtmlcss
領域
frontendweb dev
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
おおむね明確
前提条件
GitHTMLCSSJavaScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
70