SpeedType

SpeedType: タイピング スキルを向上させる

SpeedType は、タイピングの速度と正確性を向上させるために設計されたインタラクティブな Web ベースのタイピング ゲームです。最新の技術スタックで構築されており、キーボード スキルを向上させる魅力的な方法を提供します。

特徴

• リアルタイムのエラー追跡
• WPM (Words Per Minute) の計算
• 洗練された応答性の高い UI
• ダークモードのサポート
• 多言語サポート (英語とスペイン語)

?主要な技術スタック

• React : ユーザーインターフェイスの構築用
• Next.js : サーバー側のレンダリングとルーティング用
• TypeScript : タイプセーフなコード用
• Framer Motion : スムーズなアニメーションとトランジション用
• Tailwind CSS : 迅速かつ応答性の高いスタイル用
• Zustand : 効率的な状態管理用
• Visual Studio Code : 主要な開発環境として

?はじめる

プロジェクトをローカルで実行するには:

1. リポジトリのクローンを作成する
2. 依存関係のインストール: npm installまたはyarn install
3. 開発サーバーを実行します: npm run devまたはyarn dev
4. ブラウザで http://localhost:3000 を開きます

導入

プロジェクトは https://speedtype-v1.netlify.app にデプロイされます

? UI/UX

• Tailwind CSS を使用したレスポンシブ デザイン
• Framer Motion によるスムーズなアニメーション
• ダークモードをサポートするカスタマイズ可能なテーマ

?状態管理

Zustand を利用して効率的かつシンプルな状態管理を実現

パフォーマンス指標

PageSpeed Insights によると (2024 年 8 月 12 日現在):

• パフォーマンススコア: 94/100 (優秀)
• アクセシビリティ: 100/100
• ベストプラクティス: 100/100
• SEO : 100/100

これらのスコアは、SpeedType がモバイル デバイス向けに高度に最適化されており、高速な読み込み時間、優れたアクセシビリティ、Web のベスト プラクティスへの準拠、および強力な SEO の基礎を提供していることを示しています。

？著者

マンジュナス R

?貢献する

貢献、問題、機能のリクエストは大歓迎です。ぜひ問題ページをチェックしてください。

ライセンス

このプロジェクトは MIT ライセンスを受けています。

プロジェクトのデモ

ビデオデモ

無題.video.-.Made.with.Clipchamp.6.mp4

スクリーンショット

---

Manjunath R による ❤️ で作られました