guseff/german-proj

Project for lerning German language

Browser support

This application support (and have been tested on) the followng browsers:

• Google Chrome [last 2 versions]
• Safari [last 2 versions]
• MS Edge (Chromium) [last 2 versions]

Currently, no mobile version is supported.

Scripts

• npm run start - runs application in development mode via webpack-dev-server
• npm run build - builds application in production mode (artifacts will be placed in /dist folder)
• npm run lint:scripts - runs linter checks for JS, TS, TSX scripts using eslint
• npm run lint:scripts:fix - makes attempt to fix linter issues in JS, TS, TSX scripts using eslint
• npm run lint:styles - runs linter checks for CSS styles using stylelint
• npm run lint - runs both CSS and TS linter checks

Tech stack

Current project will be built on top of TypeScript + React 16.

Node.js LTS (12.16.1) version is used for building the project.

Following tools and utils are used additionally:

• React Router 5 - as an application router
• Webpack 4 - as an application builder/bundler
• PostCSS - as a CSS processor
• ESLint - as a TS/JS linter
• Stylelint - as a CSS linter

But some of this is under construction or needs refactoring

Linting rules

• AirBnB config is used as a base for JS and TS (using typescript version) linting rules.
• @typescript-eslint config is used for advanced TS linting rules.
• Stylelint Standard config is used for CSS linting rules.
• Stylelint CSS Modules config is used fo CSS Modules linting rules.