# About Crema(CRA)
Designed and developed with high expertise, Crema is fully-featured React-based Admin template that is configured with all the latest and trending libraries and technologies like Material-UI, Redux, React Hooks, etc. **with different-2 Powerful CSS framework and backend servers**
Crema has six dashboards, lots of widgets and metrics, four fully functional apps (Todo, Mail, Contact, Chat, and Scrum board), and a lot of ready to use pages.
**Key Features:-**
* Three Modes - Light, Semi-Dark, and Dark.
* A lot of Color combinations to beautify the Template.
* Six Languages Supported.
* Code Splitting and Reusability.
* A separate version of TypeScript
Crema is loaded with:-
* React Hooks
* TypeScript
* React Redux
* Material UI
* Google Maps
* Slick Carousel
* React Calendar
* Drag N Drop
* ReCharts
* React Player
* React Colors
* React Beautiful DND
* Dropzone
* React Timeline
* React Table
* Material UI Tables
* React Notifications
* React Player
* Axios-mock-adaptor
* Material Icons
* ES-Lint & TS Lint
* Prettier
* Husky\
and a lot more
\
**You can check here the libs and it's version**
```
{
"name": "crema",
"version": "1.7.0",
"private": true,
"dependencies": {
"@auth0/auth0-spa-js": "^1.12.1",
"@brainhubeu/react-carousel": "^1.19.20",
"@date-io/moment": "^1.3.13",
"@emotion/core": "^10.0.35",
"@emotion/styled": "^10.0.27",
"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.56",
"@material-ui/pickers": "^3.2.10",
"@popperjs/core": "^2.5.2",
"@storybook/theming": "^5.3.19",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.0.4",
"@testing-library/user-event": "^12.1.6",
"animate.css": "^4.1.1",
"apexcharts": "^3.19.3",
"array-move": "^3.0.1",
"autoprefixer": "^10.0.0",
"autosuggest-highlight": "^3.1.1",
"aws-amplify": "^2.2.7",
"axios": "^0.20.0",
"axios-mock-adapter": "^1.18.2",
"babel-plugin-transform-remove-console": "^6.9.4",
"clsx": "^1.1.1",
"connected-react-router": "^6.8.0",
"d3-geo": "^2.0.1",
"date-fns": "^2.16.1",
"downshift": "^6.0.6",
"draft-js": "^0.11.7",
"firebase": "^7.21.1",
"flag-icon-css": "^3.5.0",
"formik": "^2.1.5",
"jss": "^10.4.0",
"jss-extend": "^6.2.0",
"jss-rtl": "^0.3.0",
"lodash": "^4.17.20",
"match-sorter": "^4.2.1",
"material-table": "^1.69.0",
"material-ui-popup-state": "^1.6.1",
"moment": "^2.29.0",
"namor": "^2.0.2",
"notistack": "^1.0.0",
"npm-run-all": "^4.1.5",
"postcss-import": "^12.0.1",
"prism-react-renderer": "^1.1.1",
"prop-types": "^15.7.2",
"purgecss": "^1.4.2",
"raw-loader": "^4.0.1",
"rc-queue-anim": "^1.8.3",
"react": "^16.13.1",
"react-apexcharts": "^1.3.7",
"react-autosuggest": "^10.0.2",
"react-beautiful-dnd": "^13.0.0",
"react-big-calendar": "^0.28.0",
"react-bottom-scroll-listener": "^4.1.0",
"react-chat-window": "^1.2.1",
"react-circular-progressbar": "^2.0.3",
"react-code-input": "^3.10.0",
"react-color": "^2.18.1",
"react-daypicker": "^3.0.10",
"react-dnd": "^11.1.3",
"react-dnd-html5-backend": "^11.1.3",
"react-dom": "^16.13.1",
"react-draft-wysiwyg": "^1.14.5",
"react-draggable": "^4.4.3",
"react-dropzone": "^11.2.0",
"react-google-maps": "^9.4.5",
"react-image-timeline": "^3.2.13",
"react-images": "^1.1.7",
"react-intl": "^5.8.2",
"react-notifications-component": "^2.4.1",
"react-number-format": "^4.4.1",
"react-perfect-scrollbar": "^1.5.8",
"react-photo-gallery": "^8.0.0",
"react-player": "^2.6.2",
"react-popper": "^2.2.3",
"react-redux": "^7.2.1",
"react-ripples": "^2.2.1",
"react-router-config": "^5.1.1",
"react-router-dom": "^5.2.0",
"react-router-redux": "^4.0.8",
"react-scripts": "^3.4.3",
"react-select": "^3.1.0",
"react-share": "^4.2.1",
"react-simple-maps": "^2.1.2",
"react-slick": "^0.27.11",
"react-sortable-hoc": "^1.11.0",
"react-spring": "^8.0.27",
"react-svg-piechart": "^2.4.1",
"react-swipeable-views": "^0.13.9",
"react-table": "6.10.3",
"react-text-mask": "^5.4.3",
"react-toastify": "^6.0.8",
"react-tooltip": "^4.2.7",
"react-transition-group": "^4.4.1",
"react-virtualized": "^9.22.2",
"react-window": "^1.8.5",
"recharts": "^1.8.5",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0",
"slick-carousel": "^1.8.1",
"typescript": "^3.8.3",
"use-url-search-params": "^2.3.13",
"velocity-animate": "^1.5.2",
"velocity-react": "^1.4.3",
"yup": "^0.29.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"lint": "eslint \"src/**/*.+(js|jsx)\"",
"lint:fix": "eslint --fix \"src/**/*.+(js|jsx)\"",
"format": "prettier --write \"src/**/*.+(js|jsx)\"",
"precommit": "lint-staged",
"storybook": "start-storybook -p 9009 -s public",
"build-storybook": "build-storybook -s public"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@storybook/addon-a11y": "^5.3.19",
"@storybook/addon-actions": "^5.3.19",
"@storybook/addon-knobs": "^5.3.19",
"@storybook/addon-links": "^5.3.19",
"@storybook/addons": "^5.3.19",
"@storybook/preset-create-react-app": "^3.0.0",
"@storybook/react": "^5.3.19",
"@typescript-eslint/eslint-plugin": "^4.2.0",
"@typescript-eslint/parser": "^4.2.0",
"babel-eslint": "^10.1.0",
"babel-plugin-transform-imports": "^2.0.0",
"eslint": "^6.6.0",
"eslint-config-prettier": "^6.12.0",
"eslint-config-react-app": "^5.2.1",
"eslint-plugin-flowtype": "^5.2.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-prettier": "^3.1.4",
"eslint-plugin-react": "^7.21.2",
"eslint-plugin-react-hooks": "^4.1.2",
"husky": "^4.2.3",
"lint-staged": "^10.0.8",
"prettier": "^2.1.2",
"storybook-addon-material-ui": "^0.9.0-alpha.21"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.+(js|jsx)": [
"eslint --fix"
],
"*.+(js|jsx|json|css|md)": [
"prettier --write"
]
}
}
```
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.cremawork.com/v1.0/master.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.