🦊

Reactでポケモン図鑑を作成しました。

2024/06/28に公開

はじめに

Reactでポケモンの図鑑を表示するWebアプリを開発しました。
ポケモンのデータは、PokeAPIを利用させていただきました。

アプリの機能と特徴

  • 世代別に表示: セレクトボックスで選択したジャンル別に表示する。
  • 名前の表示: マウスでホバーされた画像毎にそのポケモンの名前をツールチップで表示。

技術スタック

プログラミング言語: JavaScript
フレームワーク: React

課題と解決策

開発では、PokeAPIから取得するデータの変換に課題がありました。この課題は、JSONで解決しました。

まとめと感想

今回のアプリは、Reactでのアプリケーション開発を目的に作成しました。アプリとしての機能はまだまだ伸び代がありますが、Reactの概要からデプロイまでできたのは良い経験になりました。

アプリのリンク

作成したアプリのリンクです。
https://frontend-portfolio2.netlify.app/

Discussion