SpeedType

SpeedType：提升您的打字技巧

SpeedType 是一款基於網路的互動式打字遊戲，旨在提高您的打字速度和準確性。它採用現代技術堆疊構建，提供了一種增強鍵盤技能的引人入勝的方式。

特徵

• 即時錯誤追蹤
• WPM（每分鐘字數）計算
• 時尚且響應靈敏的使用者介面
• 深色模式支持
• 多語言支援（英語和西班牙語）

？關鍵技術堆疊

• 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

？使用者介面/使用者體驗

• 使用 Tailwind CSS 進行響應式設計
• 由 Framer Motion 提供支援的流暢動畫
• 可自訂的主題，支援深色模式

？狀態管理

利用 Zustand 進行高效率、簡單的狀態管理

績效指標

根據 PageSpeed Insights（截至 2024 年 8 月 12 日）：

• 表現得分：94/100（優）
• 可達性：100/100
• 最佳實務：100/100
• 搜尋引擎優化：100/100

這些分數表明 SpeedType 針對行動裝置進行了高度優化，提供快速加載時間、出色的可訪問性、遵守網路最佳實踐以及強大的 SEO 基礎。

？

曼朱納特R

？貢獻

歡迎貢獻、問題和功能請求！請隨時檢查問題頁面。

執照

該計畫已獲得麻省理工學院許可。

專案示範

影片示範

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

截圖

---

由 Manjunath R 與 ❤️ 製作