# DuoJuo

**Repository Path**: bukuta/DuoJuo

## Basic Information

- **Project Name**: DuoJuo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-07
- **Last Updated**: 2024-11-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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!)](https://github.com/jdarmoni/DuoJuo/wiki/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](readmeResources/homepage.png)

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](readmeResources/register.png)

## 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](readmeResources/addLang.png)


## Lesson
![Lesson Image](readmeResources/lesson1.png)

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](readmeResources/lesson2.png)

## Need a hint?

Mouse over a word or phrase and the Microsoft API will offer you a translated hint!
![Lesson Image](readmeResources/hint.png)


## State Shape

Features a state shape that mirrors Duolingo's own production JSON!
![Lesson Image](readmeResources/duoState.png)

## Upcoming & Bonus

Using grammarGraph for automated sentence construciton, allowing endless practice content

Integration with Juolingo