https://github.com/jgcamiloaga/pronuncheck
Aplicación que te ayuda a perfeccionar la pronunciación en inglés de manera interactiva y precisa.
https://github.com/jgcamiloaga/pronuncheck
css3 html5 javascript speech-synthesis web-speech-api
Last synced: 9 months ago
JSON representation
Aplicación que te ayuda a perfeccionar la pronunciación en inglés de manera interactiva y precisa.
- Host: GitHub
- URL: https://github.com/jgcamiloaga/pronuncheck
- Owner: jgcamiloaga
- Created: 2024-10-16T17:04:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-06T19:43:25.000Z (over 1 year ago)
- Last Synced: 2025-01-06T20:36:19.058Z (over 1 year ago)
- Topics: css3, html5, javascript, speech-synthesis, web-speech-api
- Language: JavaScript
- Homepage: https://pronuncheck.netlify.app/
- Size: 131 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎯 PronunCheck
## 📝 Descripción
PronunCheck es una aplicación web interactiva diseñada para ayudar a los usuarios a mejorar su pronunciación en inglés. Ofrece una forma precisa y atractiva de practicar la pronunciación mediante el uso de la API de Web Speech para reconocimiento de voz y síntesis de voz para retroalimentación inmediata.
## ✨ Características principales
- **Múltiples categorías**: Practica con diferentes categorías de palabras (Frutas, Ropa, y más)
- **Retroalimentación instantánea**: Evaluación inmediata de tu pronunciación
- **Síntesis de voz**: Escucha la pronunciación correcta de cada palabra
- **Seguimiento de estadísticas**: Monitoreo del progreso con estadísticas de palabras correctas
- **Modo oscuro/claro**: Interfaz adaptable a tus preferencias de visualización
- **Diseño responsivo**: Experiencia optimizada para diferentes dispositivos
## 🚀 Instalación
1. Clona el repositorio:
```bash
git clone https://github.com/jgcamiloaga/PronunCheck.git
```
2. Navega al directorio del proyecto:
```bash
cd PronunCheck
```
3. Abre `index.html` en tu navegador para comenzar a usar la aplicación:
```bash
# En Windows puedes usar:
start index.html
# En macOS:
open index.html
# En Linux:
xdg-open index.html
```
## 🔧 Tecnologías utilizadas
- **Frontend**: HTML5, CSS3, JavaScript (Vanilla)
- **API**: Web Speech API para reconocimiento y síntesis de voz
- **Almacenamiento**: LocalStorage para guardar preferencias y estadísticas
- **Diseño**: CSS personalizado con tema claro/oscuro
- **Fuentes**: Google Fonts (Poppins)
## 📱 Capturas de pantalla
## 🌐 Demo
Consulta la versión en vivo: [Demo de PronunCheck](https://pronuncheck.netlify.app)
## 🤝 Cómo contribuir
1. Haz un fork del repositorio
2. Crea una rama para tu función (`git checkout -b feature/nueva-funcion`)
3. Realiza tus cambios y haz commit (`git commit -m 'Añade nueva función'`)
4. Sube tus cambios (`git push origin feature/nueva-funcion`)
5. Abre un Pull Request
## 📋 Funcionalidades que podrían implementarse
- Sistema de usuarios con inicio de sesión
- Más categorías de palabras
- Ejercicios con frases completas
- Niveles de dificultad
- Estadísticas más detalladas
- Integración con API de traducción
