Giter VIP home page Giter VIP logo

japanese-study-helper-ui's People

Contributors

nialikescode avatar

Stargazers

 avatar  avatar

Watchers

 avatar

japanese-study-helper-ui's Issues

Improve search term options for vocab search

ACs

  • As a user who checked a vocab box for a verb I want to see all conjugations and the whole conjugation for the verb highlighted

  • As a user who checked a vocab box for a number counter, I want to see when a numeral number is used to be highlighted

Additional Details
Need to come up with a system where there is a list of accepted search variations

Create the article page

create the article page component and populate it with article content

  • Article content
  • article image
  • Link to the original NHK article

Create Article Tile

Currently not displaying article tiles in a nice way
Add component and styles for cohesive look

Add Details to Article Component

Currently there is only the main text to the article
This component needs some styles, article picture, title, date, and link to the original article

Adding Linking

To set up for article viewing routing needs to be set up and links need to be added to each article tile to lead to the article page

Adding Redux and state management

  • Set up necessary files and additional dependencies

  • Moving all wanikani api calls to state management of vocab list

  • Connect all required components to the vocab list state

Remove surrounding mark tags when vocab is unchecked

ACs

  • As a user with a vocab list when I uncheck an individual vocab check box all instances of vocab are no longer highlighted

  • As a user with a vocab list when I uncheck 'select all' option all instances of the vocab in the level are no longer highlighted

User article suggestions

ACs

  • As a user with a vocab list loaded in the app when I am on the easy NHK News page I see based off vocab status I am suggested articles that reach a 50% threashold of vocab that I know vs what I don't know

  • As a user with a vocab list loaded in the app when I am on the easy NHK News page I see based off vocab status I am suggested articles that contain words that I have struggled with

  • As a user with a vocab list loaded in the app when I am on the easy NHK News page I see based of vocab status Iam suggesed articles that contains works that have been burned

Implement Select All function

This will require a little restructuring.
need to move select all button in with Array of Accordion Panel Element so improve optimization and component rerendering.
Avoid saving checkbox state inside of wkLevel object. It is very slow because it needs to go through over 6k objects. I think this way will allow it so that it only rerenders the according Panel for particular level that activate the select all

Going through known vocab in Wanikani API and indicate on article page

Using the users data somehow indicate which words they know or are currently studying
will need to focus on word stem if word is a verb or adjective also look out for other ways the same word is displayed
will most likely need logic for determining the kind of verb - godan, ichidan and irregular
will most likely need logic for determining the kind of adjective - na or i

Creating download button for all current wanikani vocab for Morphman

  • Generate text file of current wanikani vocab list in the correct format to be ingested by Morphman and download it when button is clicked on dashboard page
  • Will need to move the extraction of vocab list from wanikani api to the Frame component and pass down to lower components
  • Reconnect all components so it takes vocab data from Frame component
  • Unit test cases for all touched components

Creating Vocab Rating Bar Component

This component will give user a high level understanding on the Innerbrowser nhk news screen how much of the article they will understand based off the data that comes back from wanikani.
This will consider including any vocab they are currently learning and vocab that is burned

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.