{"id":119,"date":"2020-04-06T03:37:34","date_gmt":"2020-04-06T03:37:34","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/hulk\/?page_id=119"},"modified":"2020-06-30T04:49:01","modified_gmt":"2020-06-30T04:49:01","slug":"faqs-frequently-asked-questions","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/hulk\/faqs-frequently-asked-questions\/","title":{"rendered":"FAQ`s (Frequently Asked Questions)"},"content":{"rendered":"\n

How to completely remove firebase? <\/h4>\n\n\n\n

To completely remove firebase from the app just follow the steps given below:-\u200c <\/p>\n\n\n\n

1. Open the src<\/code> folder and delete the firebase directory from it. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

2. Go to the src<\/code> folder and open App.js<\/code> file and delete the import '.\/firebase';<\/code> statement. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

3. Go to the src->actions<\/code> folder and delete the AuthActions.js<\/code> file and also remove import file statement of this file from the index.js<\/code> file. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

4. Remove Sign in and Signup methods from the Sign in and Signup pages. To remove them Go to src->container<\/code> and remove following code from all login and signup pages.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After removing the actions you also need to remove the signin and signup buttons from the Signin and Signup pages.\u200c <\/p>\n\n\n\n

5. Uninstall the firebase dependency. To uninstall the firebase run the command in your project directory.\u200c <\/p>\n\n\n\n

`npm uninstall --save firebase<\/code>`<\/p>\n\n\n\n

That\u2019s It, The above steps will completely remove the firebase from your project. <\/p>\n\n\n\n

Where can I find the fonts and icons? <\/h4>\n\n\n\n

We have used material design iconic font icons in the template. To get these font icons to refer to its official documentation. <\/p>\n\n\n\n

\n\n
\n
Material Design Iconic Font – Icons List<\/h6>\n

Material Design Iconic Font is a full suite of material design icons (created and maintained by Google) for easy scalable vector graphics on websites.<\/p>\nMaterial Icons<\/small>\n<\/div>\n<\/a>\n<\/div>\n\n\n\n

For fonts, we have used the Roboto<\/strong> font in the template. We have integrated this font by google fonts. To get this font refer to it\u2019s official documentation. <\/p>\n\n\n\n

\n\n
\n
Google Fonts<\/h6>\n

Making the web more beautiful, fast, and open through great typography<\/p>\nfonts.google.com<\/small>\n<\/div>\n

<\/div>\n<\/a>\n<\/div>\n\n\n\n

How to build an app from scratch? <\/h4>\n\n\n\n

You can easily build your app from scratch just follow these steps :\u200c <\/p>\n\n\n\n

  1. Copy the seed project from downloaded files.<\/li>
  2. Open the terminal and go to the seed directory and then run npm install<\/code>. <\/li>
  3. After installing npm then run npm start<\/code>. <\/li>
  4. Open your browser and access http:\/\/localhost:3000<\/code><\/a> <\/li><\/ol>\n\n\n\n

    By default, the seed project contains a dashboard page that means you can easily build your dashboard.\u200c <\/p>\n\n\n\n

    If you want to integrate Todo List in your dashboard then you need to follow these steps:-<\/strong>\u200c <\/p>\n\n\n\n

    1. Open src\/routes\/dashboard\/dashboard1\/index.js<\/code> <\/p>\n\n\n\n

    2. Copy TodoList widget from hulk\/src\/components\/Widgets\/TaskList.js<\/code> downloaded file and paste it into under the your-project-directory-name\/src\/components\/Widgets\/<\/code> directory. <\/p>\n\n\n\n

      import React, { Component } from 'react';\n import { withStyles } from '@material-ui\/styles';\n import { Paper, Box, Container, Typography } from '@material-ui\/core';\n import IntlMessages from 'util\/IntlMessages';\n import { withTheme } from '@material-ui\/core\/styles';\n import TaskList from 'components\/Widgets\/TaskList'\n const styles = theme => ({\n     Paper: {\n         padding: '0.75rem',\n         backgroundColor: 'transparent',\n         boxShadow: 'none',\n         '&:first-child': {\n             paddingTop: '24px',\n         },\n         '&:last-child': {\n             paddingBottom: '30px',\n         }\n     }\n }); \n class Dashboard1 extends Component {\n     state = {\n         ratings: [\n             { value: 885, name: 'Positive (93.4%)', itemStyle: { color: this.props.theme.palette.primary.main } },\n             { value: 215, name: 'Negative (6.6%)', itemStyle: { color: this.props.theme.palette.warning.main } }\n         ]\n     }\n UNSAFE_componentWillReceiveProps(newProps){\n         let newRatings = this.state.ratings;\n         for(let i = 0; i< newRatings.length; i++){\n             if(i === 0){\n                 newRatings[i].itemStyle.color = newProps.theme.palette.primary.main;\n             } else {\n                 newRatings[i].itemStyle.color = newProps.theme.palette.warning.main;                \n             }\n         }\n         this.setState({ratings : newRatings})\n     } \n       render(){\n       const { classes } = this.props;\n       return(\n         <div className=\"webanalytics-dashboard\">\n            <Container maxWidth=\"lg\">\n               <Box px={2} pt={4} pb={3}>\n                  <Typography variant=\"h3\"> \n                     <IntlMessages id=\"widgets.welcome\" \/> \n                  <\/Typography>\n                  <Typography variant=\"body2\" color=\"textSecondary\">\n                     Explore your own powerful admin panel and keep track of all activity of <span className=\"hl-text\"><IntlMessages id=\"widgets.quickStats\" \/> <\/span> \n                   <\/Typography>\n                   <Paper className={classes.Paper} square>\n                      <TaskList \/>\n                   <\/Paper>\n               <\/Box>\n            <\/Container>\n         <\/div>\n       );\n    }        \n  )\n}\nexport default withStyles(styles)(withTheme(Dashboard1));  \n <\/pre>\n","protected":false},"excerpt":{"rendered":"
    How to completely remove firebase? To completely remove firebase from the app just follow the steps given below:-\u200c 1. Open the src folder and delete the firebase directory from it. 2. Go to the src folder and open App.js file and delete the import ‘.\/firebase’; statement. 3. Go to the src->actions folder and delete the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/119"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":28,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":446,"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/pages\/119\/revisions\/446"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/hulk\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}