（※日本語テキストは、英語の下にあります）

Overview

This silhouette quiz application features 151 Pokémon from Pokémon Red and Green.

Quiz Link

Quiz Functionality

-Displays a randomly selected Pokémon silhouette Choose the correct answer from the four options -Instant feedback on correct or incorrect answers

-Results Display Shows the accuracy history for all 10 questions

-Graphical score representation

-Share results on X (formerly Twitter)

-Visual representation using emojis

-Play Count Displays the total number of plays

Tech Stack

React TypeScript Vite Tailwind CSS Lucide React (for icons)

Project Structure

src/

├── components/ # UI components
├── contexts/ # React contexts
├── data/ # Pokémon data
├── hooks/ # Custom hooks
├── types/ # Type definitions
└── App.tsx # Main application

Acknowledgments

Pokémon image data is provided by PokeAPI(https://pokeapi.co/).

概要

「ポケットモンスター赤・緑」に登場する151匹のポケモンから出題される、シルエットクイズ・アプリケーションです。 "https://quiz-pokemon-151.vercel.app/"

主な機能

クイズ機能

• ランダムに選ばれたポケモンのシルエットを表示
• 4つの選択肢から正解を選ぶ
• 正解・不正解がすぐに分かる

結果表示

• 全10問の正誤履歴を表示
• グラフィカルなスコア表示

Xへのシェア機能

• 絵文字を用いた視覚的な結果表示

プレイ回数カウント

• 累計プレイ回数の表示

技術スタック

• React
• TypeScript
• Vite
• Tailwind CSS
• Lucide React (アイコン)

プロジェクト構成

src/
├── components/     # UIコンポーネント
├── contexts/       # Reactコンテキスト
├── data/          # ポケモンのデータ
├── hooks/         # カスタムフック
├── types/         # 型定義
└── App.tsx        # メインアプリケーション

謝辞

ポケモンの画像データは"PokeAPI"より提供されています。