Remarque : Ce projet n'est plus maintenu. La plupart ont été écrits alors que je n'étais pas très familier avec Vue ou le CSS moderne, il y a donc beaucoup de code "nooby" et je préfère me concentrer sur mes projets les plus récents. En janvier 2019, j'ai apporté quelques modifications minimes pour mettre à jour les dépendances et permettre à l'application d'être construite en tant que site statique afin qu'elle puisse être hébergée sur les pages GitHub, mais sinon, je ne mettrai plus à jour le code.
Cependant! Les contributions sont les bienvenues si le projet vous intéresse. La plupart de ces problèmes sont suffisamment conviviaux pour être résolus si vous êtes d'un niveau débutant à intermédiaire et pourraient constituer un excellent moyen de mieux vous familiariser avec Vue :
- La qualité globale du code n’est pas excellente ; il doit être refactorisé pour utiliser les fonctionnalités JavaScript modernes de manière plus compétente, et il existe également un certain nombre de bonnes pratiques Vue qui ne sont pas respectées : - Les composants ne devraient pas vraiment naviguer vers d'autres itinéraires, ils devraient plutôt communiquer avec leurs parents. - Lors du rendu de listes avec
v-for
, un accessoirekey
unique doit également être fourni pour chaque élément, comme mentionné ici.- Tous les éléments de mise en page CSS utilisent des flotteurs là où il serait beaucoup plus approprié d'utiliser des grilles CSS ou Flexbox. De plus, utiliser Foundation pour un petit projet comme celui-ci est un peu excessif.
- Implémenter une bibliothèque de gestion d'état comme vuex pourrait être utile, notamment pour stocker les données de caractères et contrôler la navigation entre les itinéraires.
- Le script qui génère les caractères JSON est écrit en Python, ce qui, avec le recul, n'a pas vraiment de sens dans un projet JavaScript. :P Cela devrait vraiment être réécrit en tant que script Node JS.
Quand j’ai commencé à apprendre le japonais, c’est avec le système d’écriture que j’ai eu le plus de difficultés. Le japonais utilise un mélange de deux alphabets phonétiques (appelés « Hiragana » et « Katakana ») et « Kanji », qui sont plus logographiques.
Je voulais créer une manière intéressante d'apprendre à écrire le japonais, en utilisant la technologie Web moderne - quelque chose que je pense que d'autres ressources d'apprentissage du japonais n'ont pas encore utilisé.
Pour l'instant, Kakimasu n'a que des caractères Hiragana et Katakana, mais je prévois d'ajouter des Kanji de niveau de base à l'avenir, ainsi que d'autres fonctionnalités. ( :
# 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