PokemonAPIを使用してポケモンアプリを開発しました

みなさんこんにちは。

小学2年生になる息子がいるのですが、

ポケモンが大好きです。

かつ、今後のICT教育を見据え、パソコンにはどんどん触れてほしいと思い、ポケモンアプリを開発することにしました。

ゲームボーイカラー風ポケモンアプリ

(エイチ)ttps://pokemon-app-ff27a.web.app/

※リンクが貼れない仕様なので頭文字をカタカナにしてます。

見た目はこんな感じです。

仕様の詳細は以下の通りです。

前提条件

小学2年生だとPCでのマウス操作やキーボード入力もこれから頑張って習得していく時期かと思います。

ですので、あくまでも子供たちに対してPCの操作に慣れてもらうことを目的としています。

主な操作はクリック操作、テンキー入力、エンターキー入力をベースに作成しています。

実装環境

React × firebaseで実装しております。

UIについて

ゲームボーイ世代大興奮(?)なゲームボーイカラーを模倣しております。

画像は使用しておらず、フォントの選定からすべて実装で表現しております。

ポケモンの情報について

PokemonAPIを使用してポケモンの画像と名前をランダムに表示しています。

ポケモンのBGMについて

Pokemon Game Sound Libraryから音楽データを取得しています。

初代ポケモン世代としては開発していく中でBGMを聞くのが一番楽しかったですｗ

フォントについて

ゲームボーイのフォントに近いDotGothic16を採用しています。

ゲームの内容について

小学2年生でも簡単な1桁同士のたしざん、ひきざん、かけざんを使用しています。

ポケモンが大好きなお子様をお持ちのお父さんお母さんには、

ICT教育の一環としてぜひ使ってもらいたい内容になってます。

ご興味がありましたらぜひよろしくお願いします！

最後に

Firebaseを使用したサービスを出品しております。

webアプリのスモールスケール開発サービスです。

販促、集客目的でwebアプリを作ってみたいけど、

まずは、小さな一歩から踏み出したいというお客様に向けたサービスです。

もちろんそうでないお客様も大歓迎！！！

最後まで読んでいただきありがとうございました。