Code Monkey home page Code Monkey logo

duojuo's Introduction

JuoDuo

livelink: https://duojuo.herokuapp.com/#/

JuoDuo is a fully functional clone of Duolingo, that uses the actual DuoLingo User JSON (and in particular, the LanguageData Object) as an architectural reference (check out the sample state!). It was built from the ground up using a Ruby on Rails backend, PostGreSQL database, and a React - Redux frontend.

Key Features

Auth

Homepage Image

Users can Login, or click Get Started to use the site anonymously.

Clicking 'Get Started' takes you to the Register component, where you can select a language to immediately begin learning. Later, users are given the option of saving their info & progress into a profile via the CreateProfile modal in the Dashboard - but no presh!

Register

Choose up to four (for now) languages.

Register Image

Dashboard

Each language comes with three lesson modules. Users are able to switch languages or add courses to their profile from the flag dropdown in the nav bar section.

Dashboard Image

Lesson

Lesson Image

Complete lessons to gain rupees and increase the yellow progress bar (up top)! There are three (for now) types of lessons: text translations, radio-button-multiple choice, and click-to-construct-a-sentence translations. More to come!

Lesson Image

Need a hint?

Mouse over a word or phrase and the Microsoft API will offer you a translated hint! Lesson Image

State Shape

Features a state shape that mirrors Duolingo's own production JSON! Lesson Image

Upcoming & Bonus

Using grammarGraph for automated sentence construciton, allowing endless practice content

Integration with Juolingo

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.