kakimasu

Nota: Este projeto não é mais mantido. A maior parte foi escrita quando eu não estava muito familiarizado com Vue ou CSS moderno, então há muito código "nooby" e prefiro me concentrar em meus projetos mais recentes. Em janeiro de 2019, fiz algumas alterações mínimas para atualizar as dependências e permitir que o aplicativo fosse construído como um site estático para que pudesse ser hospedado nas páginas do GitHub, mas, caso contrário, não atualizarei mais o código.

No entanto! Contribuições são bem-vindas se você estiver interessado no projeto. A maioria desses problemas é fácil de resolver se você estiver no nível iniciante a intermediário e pode ser uma ótima maneira de se familiarizar mais com o Vue:

• A qualidade geral do código não é ótima; ele precisa de refatoração para usar recursos modernos de JavaScript com mais competência, e também há uma série de práticas recomendadas do Vue que não são seguidas: - Os componentes não deveriam realmente navegar para outras rotas, eles deveriam se comunicar com seus pais. - Ao renderizar listas com v-for , um key prop exclusivo também deve ser fornecido para cada item, conforme mencionado aqui.
• Todo o material de layout CSS usa floats onde seria muito mais adequado usar CSS Grids ou Flexbox. Além disso, usar o Foundation para um projeto pequeno como esse é um exagero.
• A implementação de uma biblioteca de gerenciamento de estado como o vuex pode ser útil, especialmente para armazenar dados de caracteres e controlar a navegação entre rotas.
• O script que gera os JSONs de caracteres é escrito em Python, o que, em retrospectiva, não faz muito sentido em um projeto JavaScript. :P Isso realmente deveria ser reescrito como um script Node JS.

---

kakimasu

Aprenda a escrever kana japonês

Quando comecei a aprender japonês, tive mais dificuldades com o sistema de escrita. O japonês usa uma mistura de dois alfabetos fonéticos (chamados "Hiragana" e "Katakana") e "Kanji", que são mais logográficos.

Eu queria criar uma maneira interessante de aprender a escrever japonês, utilizando tecnologia web moderna – algo que sinto que outros recursos de aprendizagem de japonês ainda não utilizaram.

Por enquanto, Kakimasu possui apenas caracteres Hiragana e Katakana, porém pretendo adicionar Kanji de nível básico no futuro, junto com outros recursos. (:

Bibliotecas de terceiros usadas:

• VueJS
• Vivus
• roteador vue
• vue-ga

Construindo / Contribuindo

 # 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