Code Monkey home page Code Monkey logo

sino-sztorik's Introduction

Logo

Sino-sztorik is a language course for Hungarian learners of Chinese. It teaches the 3000 most common Chinese characters through visual associations and stories.

The project was bootstrapped with Create React App, uses the MUI component library, and is connected to a MySQL database through a Node.js/Express backend.

This repository is retired and the live demo is no longer available. The course is being remade from scratch under a new name.

Structural Overview

The course content is available after signing up. The 3000 most common Chinese characters are divided into lessons with around 20 characters each. New lessons introduce new character elements that make up characters.

Furthermore, commonly used characters are prioritized while rarer ones are introduced later. For this reason, the course is also divided into 4 tiers. Finishing all lessons in one tier grants access to the next tier, where already known character elements are revisited to introduce less commonly used characters.

Features

  • Tracks user progress, unlocking new lessons in a linear fashion
  • Doubles as a "learner's Chinese dictionary": phrases, additional meanings and easily confusable characters are listed for each Chinese character
  • Admin screen to create, edit and delete characters (some features unavailable at the moment)
  • A playful light and an elegant dark theme, with conscious color choices to distinguish between a character's actual meaning and its meaning as a character component
  • A search function where any Chinese character can be looked up

Planned Features

  • Add story illustrations
  • Add missing features to the admin screen and redesign the Admin dashboard and the Similar Characters screen
  • Security fixes
  • Improve "learn" screen, with a "preview pane" instead of a popper for character references
  • Optimize SQL queries

...and much more.

sino-sztorik's People

Contributors

x22tri 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.