An application for learning English includes a textbook with 3600 words divided into six levels, two minigames (Audiochallenge and Sprint), and statistics and progress tracking for signed users.
Task: https://github.com/rolling-scopes-school/tasks/blob/master/tasks/stage-2/rs-lang/rslang.md
Deploy: https://rslang-eremor.netlify.app/
Backend: https://github.com/Eremor/react-rslang-be
- Typescript: a superset of JavaScript which primarily provides optional static typing, classes and interfaces. One of the big benefits is to enable IDEs to provide a richer environment for spotting common errors as you type the code;
- React: a JavaScript library for building user interfaces;
- React-router: client side routing;
- Redux: a predictable state container for JavaScript applications;
- Redux Toolkit: toolset for efficient Redux development;
- SASS: css preprocessor;
- Ant Design: a React UI library;
- @ant-design/plots: a React chart library (for statistic);
- ESLint (eslint-airbnb-config), Prettier and Editorconfig: lint and format code
- Clone repository:
git clone [email protected]:Eremor/rslang.git
- Move to folder:
cd rslang
- Install dependencies:
npm install
- Run application:
npm start
Open http://localhost:3000 to view it in the browser.