Code Monkey home page Code Monkey logo

rslang's Introduction

RsLang

πŸ‡¬πŸ‡§ RsLang - the app for learning English

Requirements specification

Main App's parts:

  • Auth
  • Textbook
  • 2 Games
  • Statistics

Used technologies:

Test user:

You can login as this test user to check statistics page and other statistics on the textbook pages. Or, if you would like, you can create your own login.

Login: [email protected]

Password: 12345678

Team Memebers:

Segregation of duties:

  • Sashtje: made the main page, authorization, page about us, tutorial and statistics. Designed header and footer, textbook and statistics page. Also made adjustments to the design and logic of games because Inv1nc1ble was sick and couldn't continue working on the project.
  • Inv1nc1ble: worked on design of other pages. Worked on the games Savannah and Audiocalls.

Deploy:

Click here to open the App

Last code version of the App is located in branch "develop"

Π‘ommands to run or build code:

npx nx serve rslang

npx nx build rslang

rslang's People

Contributors

sashtje avatar

Watchers

avatar

rslang's Issues

Главная страница прилоТСния

  • вёрстка, Π΄ΠΈΠ·Π°ΠΉΠ½, UI Π³Π»Π°Π²Π½ΠΎΠΉ страницы прилоТСния

Главная страница прилоТСния содСрТит:

  • мСню с Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠ΅ΠΉ ΠΏΠΎ ΡƒΡ‡Π΅Π±Π½ΠΈΠΊΡƒ, ссылками Π½Π° ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Ρ‹ ΠΈ статистику. МСню ΠΈΠ»ΠΈ ΠΈΠΊΠΎΠ½ΠΊΠ° мСню отобраТаСтся Π½Π° всСх страницах прилоТСния
  • описаниС возмоТностСй ΠΈ прСимущСств прилоТСния
  • Ρ€Π°Π·Π΄Π΅Π» "О ΠΊΠΎΠΌΠ°Π½Π΄Π΅" с Ρ„ΠΎΡ‚ΠΎ ΠΈΠ»ΠΈ Π°Π²Π°Ρ‚Π°Ρ€ΠΊΠ°ΠΌΠΈ ΠΈ ссылками Π½Π° Π³ΠΈΡ‚Ρ…Π°Π±Ρ‹ всСх участников ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹, описаниСм Π²ΠΊΠ»Π°Π΄Π° Π² Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ прилоТСния ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ…. ΠŸΡ€ΠΈ ΠΆΠ΅Π»Π°Π½ΠΈΠΈ Π΄Π°Π½Π½Ρ‹ΠΉ Ρ€Π°Π·Π΄Π΅Π» ΠΌΠΎΠΆΠ½ΠΎ вынСсти Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΡƒΡŽ страницу
  • footer со ссылками Π½Π° Π³ΠΈΡ‚Ρ…Π°Π±Ρ‹ Π°Π²Ρ‚ΠΎΡ€ΠΎΠ² прилоТСния, Π³ΠΎΠ΄ создания прилоТСния, Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ курса со ссылкой Π½Π° курс. footer отобраТаСтся Π½Π° всСх страницах прилоТСния Π·Π° ΠΈΡΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ΠΌ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€

Create a copy of the backend

НашС сСрвСрноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅: https://react-learnwords-rs.herokuapp.com/doc

  • Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±Π°Π·Ρƒ MongoDB
  • Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ Π΄Π΅ΠΏΠ»ΠΎΠΉ Π±Π΅ΠΊΠ΅Π½Π΄Π° Π½Π° heroku

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ эту ΠΈΠ½ΡΡ‚Ρ€ΡƒΠΊΡ†ΠΈΡŽ: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md#%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BE%D0%BF%D0%B8%D0%B8-%D0%B1%D1%8D%D0%BA%D0%B5%D0%BD%D0%B4%D0%B0

Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Π° статистики

  • Π½Π° страницС статистики отобраТаСтся краткосрочная статистика ΠΏΠΎ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Π°ΠΌ ΠΈ ΠΏΠΎ словам Π·Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь изучСния
  • Π² краткосрочной статистикС ΠΏΠΎ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Π°ΠΌ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρ‹ ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Π΅ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ
    • количСство Π½ΠΎΠ²Ρ‹Ρ… слов Π·Π° дСнь
    • ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ²
    • самая длинная сСрия ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ²
  • Π² краткосрочной статистикС ΠΏΠΎ словам ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ
    • количСство Π½ΠΎΠ²Ρ‹Ρ… слов Π·Π° дСнь
    • количСство ΠΈΠ·ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… слов Π·Π° дСнь
    • ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΎΡ‚Π²Π΅Ρ‚ΠΎΠ² Π·Π° дСнь

Авторизация

  • вёрстка страниц
  • Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½Π° авторизация ΠΈ рСгистрация ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ
  • ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ прилоТСния Π΄Π°Π½Π½Ρ‹Π΅ ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ ΠΈ ΠΏΠΎΠ»ΡƒΡ‡Π΅Π½Π½Ρ‹ΠΉ ΠΏΡ€ΠΈ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ Ρ‚ΠΎΠΊΠ΅Π½ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Π² localStorage
  • элСктронный ΡƒΡ‡Π΅Π±Π½ΠΈΠΊ (Π±Π΅Π· Ρ€Π°Π·Π΄Π΅Π»Π° "Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ слова", Π±Π΅Π· отобраТСния прогрСсса изучСния слов ΠΈ ΠΈΠ·ΡƒΡ‡Π΅Π½Π½Ρ‹Ρ… слов) ΠΈ ΠΌΠΈΠ½ΠΈ-ΠΈΠ³Ρ€Ρ‹ доступны Π±Π΅Π· Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·Π°Ρ†ΠΈΠΈ
  • Ρƒ Π°Π²Ρ‚ΠΎΡ€ΠΈΠ·ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ отобраТаСтся Ρ€Π°Π·Π΄Π΅Π» "Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ слова", прогрСсс изучСния слов, ΠΈΠ·ΡƒΡ‡Π΅Π½Π½Ρ‹Π΅ слова ΠΈ статистика
  • ΠΏΡ€ΠΈ Π»ΠΎΠ³Π°ΡƒΡ‚Π΅ Π΄Π°Π½Π½Ρ‹Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΈ Ρ‚ΠΎΠΊΠ΅Π½ ΡƒΠ΄Π°Π»ΡΡŽΡ‚ΡΡ ΠΈΠ· localStorage, Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ становится Π°Π½ΠΎΠ½ΠΈΠΌΠ½Ρ‹ΠΌ

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.