kakimasu

Nota: Este proyecto ya no se mantiene. La mayor parte fue escrita cuando no estaba muy familiarizado con Vue o CSS moderno, por lo que hay mucho código "novato" y prefiero concentrarme en mis proyectos más recientes. En enero de 2019, hice algunos cambios mínimos para actualizar las dependencias y permitir que la aplicación se creara como un sitio estático para poder alojarla en páginas de GitHub, pero de lo contrario no actualizaré más el código.

¡Sin embargo! Las contribuciones son bienvenidas si estás interesado en el proyecto. La mayoría de estos problemas son lo suficientemente fáciles de abordar si estás en un nivel principiante a intermedio, y podrían ser una excelente manera de familiarizarte más con Vue:

• La calidad general del código no es excelente; necesita refactorización para usar las características modernas de JavaScript de manera más competente, y también hay una serie de mejores prácticas de Vue que no se cumplen: - Los componentes en realidad no deberían navegar a otras rutas, sino que deberían comunicarse con sus padres. - Al renderizar listas con v-for , también se debe proporcionar una propiedad key única para cada elemento, como se menciona aquí.
• Todo el diseño de CSS utiliza elementos flotantes, donde sería mucho más adecuado utilizar CSS Grids o Flexbox. Además, usar Foundation para un proyecto pequeño como este es un poco excesivo.
• Implementar una biblioteca de gestión de estado como vuex podría resultar útil, especialmente para almacenar datos de caracteres y controlar la navegación entre rutas.
• El script que genera los caracteres JSON está escrito en Python, lo que en retrospectiva no tiene mucho sentido en un proyecto de JavaScript. :P Esto realmente debería reescribirse como un script de Node JS.

---

kakimasu

Aprende a escribir kana japonesa

Cuando comencé a aprender japonés, tuve mayores dificultades con el sistema de escritura. El japonés utiliza una mezcla de dos alfabetos fonéticos (llamados "Hiragana" y "Katakana") y "Kanji", que son más logográficos.

Quería crear una forma interesante de aprender a escribir japonés, utilizando tecnología web moderna, algo que creo que otros recursos de aprendizaje de japonés aún no han utilizado.

Por ahora, Kakimasu solo tiene caracteres Hiragana y Katakana, sin embargo planeo agregar kanji de nivel básico en el futuro, junto con otras características. (:

Bibliotecas de terceros utilizadas:

• Vista JS
• Vivus
• enrutador vue
• vue-ga

Construyendo / Contribuyendo

 # To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git

# Make sure you've navigated into the project folder before then next steps

# Install the Node modules required
npm install

# Make whatever changes you want to make to the source code in src/

# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev

# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build