sanooj / react-test-task-inventorum

React test task

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.\

npm run test:coverage

Launches the test runner and coverage in the interactive watch mode.
you can see the coverage as HTML inside coverage -> lcov-report -> index.html ( you can directly open in the browser)

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Used Modules and importance

React

react version 18.0.0.

react-dom version 18.0.0

react-scripts 5.0.0

React router

react-router-dom version 6.3.0

ant-design

Antd is providing form validation solution, UI grid and popup, alert components

@ant-design/icons version 4.7.0,

antd version 4.19.5

styled components with Emotion

We can write actual CSS in your JavaScript and also you can import style.module.scss styles as scoped

@emotion/styled version 11.8.1

dotenv

dotenv for create env variables

dotenv version 16.0.0

lodash debounce

lodash debounce used for search to create debounce

lodash.debounce version 4.0.8

SASS (CSS extension language)

Sass - preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets

sass version 1.50.0

Typescript

Sass - preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets

typescript version 4.6.3

Husky

used it to lint commit messages, run tests, lint code, etc... when you commit.

husky version 7.0.4

stylelint

it helps you avoid errors and enforce conventions in your styles.

stylelint version 14.6.1

stylelint-config-prettier version 9.0.3 (prettier css version)

stylelint-config-prettier-scss version 0.0.1 (prettier scss version)

stylelint-config-standard version 25.0.0 (standard css version)

stylelint-config-standard-scss version 3.0.0 (standard scss version)