Code Monkey home page Code Monkey logo

rslang's Introduction

rslang

html css3 js markdown Webpack scss eslint prettier typescript

Deploy link

https://thirdmadman.github.io/rslang/

Description

Originally RS-lang, SPA, which helps people study english language in form of game.

This is team project, done by @thirdmadman and @annettabel87

Our name for this app is "FORGOTTEN WORDS", it serves same purpose as original, but has different way of looking at things.

Design

Design developed by @thirdmadman

Link on figma: https://www.figma.com/file/6c9pgV98Sp7acAZIc2AFR5/rslang-ui?node-id=20%3A31

Screenshots

Main screen

min-screen

Menu

menu

Audio decoding mini game

audio-decoding

Meaning resolving mini game

meaning-resolving

Original Task description

https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md

Description for measure task score here: #33

rslang's People

Contributors

annettabel87 avatar thirdmadman avatar

Watchers

 avatar

Forkers

annettabel87

rslang's Issues

feature/music-player

Create music player which can:

  • play music file by the link
  • use playlists, passed by Array of links to music files
  • by default play music files only in one at once

create cards

create a card structure for the dictionary and worfbook.
The card receives data from the server and its content is created based on them.

feature/game-sprint

Implement game "sprint".
Using description from https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md#%D0%BC%D0%B8%D0%BD%D0%B8-%D0%B8%D0%B3%D1%80%D1%8B-%D0%B0%D1%83%D0%B4%D0%B8%D0%BE%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2-%D0%B8-%D1%81%D0%BF%D1%80%D0%B8%D0%BD%D1%82-200-100-%D0%B1%D0%B0%D0%BB%D0%BB%D0%BE%D0%B2-%D0%B7%D0%B0-%D0%B8%D0%B3%D1%80%D1%83

base route: /audiocall
route with parameters: /audiocall/{NUMBER_OF_GROUP}/{NUMBER_OF_PAGE}

If no {NUMBER_OF_GROUP} is present, set group 1
If no {NUMBER_OF_PAGE} is present, set page 1

feature/auth-register

Implement basic mockup of route /auth
Which allows user to register (signup) and 'signin' (login).
When route '/auth' called with 'expired': '/auth/expired' will be shown message that 'User session is expired, please login' and will be open form with 'signin' or form with 'signin' will be in focus.
When "query" variable 'path' is present, user, after secsesfull signin will be redirected to path, which passed in this varriable:
'**/auth/expired?path=/audiocall/1/2'

feature/game-audiocall

Implement game "audiocall".
Using description from https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md#%D0%BC%D0%B8%D0%BD%D0%B8-%D0%B8%D0%B3%D1%80%D1%8B-%D0%B0%D1%83%D0%B4%D0%B8%D0%BE%D0%B2%D1%8B%D0%B7%D0%BE%D0%B2-%D0%B8-%D1%81%D0%BF%D1%80%D0%B8%D0%BD%D1%82-200-100-%D0%B1%D0%B0%D0%BB%D0%BB%D0%BE%D0%B2-%D0%B7%D0%B0-%D0%B8%D0%B3%D1%80%D1%83

base route: /audiocall
route with parameters: /audiocall/{NUMBER_OF_GROUP}/{NUMBER_OF_PAGE}

If no {NUMBER_OF_GROUP} is present, set group 1
If no {NUMBER_OF_PAGE} is present, set page 1

renedering cards

Create cardsField, where rendering cards. CardField have pagination.

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.