Code Monkey home page Code Monkey logo

yoshieru's Introduction

Yoshieru

Overview

This project began in the summer of 2019. I was studying Japanese in preparation for a vacation I would take there with some friends. I became frustrated at how many different apps, websites, videos, etc. I was cycling through and having to keep track of.....so I decided to make another ๐Ÿ˜† But in all honesty, I felt there was a lack of comprehensive sources of both plentiful information and engaging assessment. I had no expectation of making such a resource, but I began to think about what I personally would like to see in a resource and how I would go about doing that.

Web Application

Yoshieru The application in its current state has the following features:

  1. Dictionary tool to query a word to find the definition, word type, and other information
  2. Audo quizes to gauge listening comprehension. Loads an audio clip and quizzes the user on the correct transcription. These audio clips are credited and sourced by real users working with Tatoeba
  3. Read news articles curated for beginner-intermediate learners. Article feed provied by NHK EasyNews
  4. Simple Flashcard Widget. Flashcard dislay format is entirely customizeable
  5. Word segmentation and analysis - In Japanese many words are written using kanji, a script that has more than 10,000 members. For tough to memorize kanji, the furigana, or simplified reading, is provided. Yoshieru allows for on the spot addition of furigana to any kanji. Upon hovering over a word, a small popup is created containing brief information about the word. If you click on the word, it gets defined in the Dictionary portion of the app
  6. Each component is contained within a window that behaves like a modern PC window. Windows can be opened, closed, minimized, and are moveable, resizeable. There is a tray for holding 'minimized' windows

Framework

I have experience with a couple of frameworks, but felt none of them really fit the mold. I found some qualities of Vue to be very attractive, particularly the ease at which you can update the view when receiving new data. A study tool needs to be fast and intuitive in order to encourage good study habits, and the virtual DOM manipulation implemented by Vue seemed like a good fit, as well as being very intuitive.

Back End

The first step was to implement the back end needed to supply the necessary information for this project. I did a little bit of searching and came across JMDict, which since 1999 has had "at its aim the compilation of a multilingual lexical database with Japanese as the pivot language." The lexical database holds information about 'every' Japanese word, including definitions, word type, and auxiliary information. I have an Express server which parses the JSON file, stores information regarding each entry in the database, then uses that information to handle searches in the form of API calls.

You can access the application here.

yoshieru's People

Contributors

cameronchambers93 avatar dependabot[bot] avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.