SpeedType

SpeedType: 타이핑 기술 향상

SpeedType은 타이핑 속도와 정확성을 향상시키도록 설계된 대화형 웹 기반 타이핑 게임입니다. 최신 기술 스택으로 구축되어 키보드 기술을 향상시킬 수 있는 매력적인 방법을 제공합니다.

특징

• 실시간 오류 추적
• WPM(분당 단어 수) 계산
• 세련되고 반응성이 뛰어난 UI
• 다크 모드 지원
• 다국어 지원(영어 및 스페인어)

? 핵심 기술 스택

• React : 사용자 인터페이스 구축용
• Next.js : 서버 측 렌더링 및 라우팅용
• TypeScript : 유형이 안전한 코드용
• 프레이머 모션 : 부드러운 애니메이션과 전환을 위해
• 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이 모바일 장치에 고도로 최적화되어 빠른 로딩 시간, 뛰어난 접근성, 웹 모범 사례 준수 및 강력한 SEO 기본 사항을 제공한다는 것을 나타냅니다.

?작가

만주나스 R

? 기여

기여, 문제 및 기능 요청을 환영합니다! 이슈 페이지를 확인해 보세요.

특허

이 프로젝트는 MIT 라이선스를 받았습니다.

프로젝트 데모

비디오 데모

무제.비디오.-.Made.with.Clipchamp.6.mp4

스크린샷

---

Manjunath R의 ❤️으로 제작됨