RS Lang

.gitignore

@@ -0,0 +1 @@
+node_modules

main-page/.babelrc

@@ -0,0 +1,20 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ],
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-transform-runtime",
+      {
+        "regenerator": true
+      }
+    ]
+  ]
+}

main-page/.eslintrc.js

@@ -0,0 +1,35 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "node": true
+},
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module',
+      },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  extends: [
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:@typescript-eslint/recommended',
+    "eslint:recommended",
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
+    'plugin:jsx-a11y/recommended',
+  ],
+  rules: {
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': ['error'],
+    '@typescript-eslint/no-var-requires': 'off',
+    'react/prop-types': 'off',
+    'react/jsx-uses-react': 'off',
+    'react/react-in-jsx-scope': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+  },
+}

main-page/.gitignore

@@ -0,0 +1,2 @@
+build
+node_modules

main-page/.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  semi: false,
+  trailingComma: 'es5',
+  singleQuote: true,
+  printWidth: 80,
+  tabWidth: 2,
+  endOfLine: 'auto'
+}

main-page/README.md

@@ -0,0 +1,106 @@
+# [RS School's final RS course - JavaScript/Front-end 2022Q1](https://rs.school/)
+
+**[RS Lang](https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md)** is an application for learning foreign words, including an **electronic textbook** with a database of words to learn, **mini-games** to repeat them, a **statistics page** to track individual progress.
+
+### To start application, do this 💻 👇🏻
+
+```
+git clone git@github.com:UserJah/rslang.git
+cd rs-lang/main-page
+npm install
+npm start
+```
+
+## [Brief overview of the app 📺 ](https://youtu.be/SnHTTOM9OPY)
+
+### Mentor
+
+🦅 [ruslan547](https://github.com/ruslan547)
+
+### Team
+
+🐧 [UserJah](https://github.com/UserJah) <em>Team Lead</em><br/>
+🦜 [jardozzz](https://github.com/jardozzz) <em>Teammate</em><br/>
+🦉 [PartyZzzan77](https://github.com/PartyZzzan77) <em>Teammate</em>
+
+---
+
+### Technology Stack 📦
+
+---
+
+#### [Develop](https://github.com/UserJah/rslang/pull/28)
+
+⚛️ [React](https://www.npmjs.com/package/react) <em>JavaScript library for building user interfaces</em><br/>
+
+✅ <em>Popular, good documentation, extensive community</em><br/>
+🤔 <em>Not the easiest one in the final bundle</em><br/>
+
+---
+
+🚦 [React-router-dom](https://www.npmjs.com/package/react-router-dom) <em>Great router, there are many methods and application cases</em><br/>
+
+✅ <em>Great for SPA applications, good documentation</em><br/>
+🤔 <em>There are difficulties in deploy</em><br/>
+
+---
+
+🎨 [Mui/material](https://mui.com/) <em>Popular library of ready-made components</em><br/>
+
+✅ <em>popular, good documentation, lightweight </em><br/>
+🤔 <em>Like everything needs to be studied</em><br/>
+
+---
+
+🗣 [ESLint(react-recommended)](https://eslint.org/) Static code analyzer, for quick troubleshooting<br/>
+
+✅ <em>maintains the purity and unity of code writing, identifies bad practices</em><br/>
+🤔 <em>Like everything needs to be studied</em> <br/>
+
+---
+
+📦 [Webpack](https://webpack.js.org/) <em>A great bundler for putting a project together</em><br/>
+
+✅ Popular, flexible, good documentation<br/>
+🤔 <em>There were difficulties in setting up</em> <br/>
+
+---
+
+🦆 [Typescript](https://www.typescriptlang.org/) <em>Great solution for stricter typing </em><br/>
+
+✅ <em>Strict typing, compilation during development, good documentation</em><br/>
+🤔 <em>A little more code in development</em><br/>
+
+---
+
+📈 [ChartJS](https://www.chartjs.org/) <em>An excellent library for building all kinds of charts of different complexity </em><br/>
+
+✅ <em>Great documentation, typing, popular, easy to use</em><br/>
+🤔 <em>Like everything needs to be studied</em><br/>
+
+---
+
+#### [Deploy](https://develop1--lovely-crumble-05c09a.netlify.app/)
+
+**Front** 🧙🏻‍♂️ [Netlify](https://www.netlify.com/) <em>service for publishing and hosting static sites</em>
+
+**Back** 🪄 [Heroku](https://heroku.com) + 📚 [MongoDB](https://www.mongodb.com/)
+
+✅ <em>Popularity, good documentation, extensive community, accessibility</em><br/>
+
+---
+
+### Screenshots 🎆 🎇 🌅
+
+[![main-page.png](https://i.postimg.cc/63wcKgh4/main-page.png)](https://postimg.cc/nsRBYdgn)
+[![text-book.png](https://i.postimg.cc/g06cpB0p/text-book.png)](https://postimg.cc/3yYQC1pf)
+[![audiochallenge-game.png](https://i.postimg.cc/cJDzDsW4/audiochallenge-game.png)](https://postimg.cc/3yv9NQWP)
+[![sprint-game.png](https://i.postimg.cc/tTvHV3Jk/sprint-game.png)](https://postimg.cc/bDn572QS)
+[![short-statistic.png](https://i.postimg.cc/J4LWHz49/short-statistic.png)](https://postimg.cc/QV0zRs7b)
+[![long-statistic.png](https://i.postimg.cc/VN3hyKJ3/long-statistic.png)](https://postimg.cc/1grBwccH)
+
+---
+
+### Activity ⚽️
+
+[![activity.png](https://i.postimg.cc/T3bm7QXy/activity.png)](https://postimg.cc/QFXHVQCs)