.eslintcache

[{"E:\\MyProjects\\faridatulna.github.io\\src\\index.js":"1","E:\\MyProjects\\faridatulna.github.io\\src\\App.js":"2","E:\\MyProjects\\faridatulna.github.io\\src\\reportWebVitals.js":"3","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyMainContent.js":"4","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyButton.js":"5","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyFooter.js":"6","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyHeader.js":"7","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyAvatar.js":"8","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyArticle.js":"9","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MySubject.js":"10","E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Game.js":"11","E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Square.js":"12","E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Board.js":"13"},{"size":500,"mtime":1611354480921,"results":"14","hashOfConfig":"15"},{"size":521,"mtime":1611633645483,"results":"16","hashOfConfig":"15"},{"size":362,"mtime":499162500000,"results":"17","hashOfConfig":"15"},{"size":3350,"mtime":1611633716252,"results":"18","hashOfConfig":"15"},{"size":481,"mtime":1611151100923,"results":"19","hashOfConfig":"15"},{"size":111,"mtime":1610754379656,"results":"20","hashOfConfig":"15"},{"size":1310,"mtime":1611584339156,"results":"21","hashOfConfig":"15"},{"size":684,"mtime":1610754738241,"results":"22","hashOfConfig":"15"},{"size":2295,"mtime":1611577860080,"results":"23","hashOfConfig":"15"},{"size":4172,"mtime":1611584250862,"results":"24","hashOfConfig":"15"},{"size":2159,"mtime":1611491297531,"results":"25","hashOfConfig":"15"},{"size":540,"mtime":1611399445420,"results":"26","hashOfConfig":"15"},{"size":282,"mtime":1611404103355,"results":"27","hashOfConfig":"15"},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"db50f",{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"34","messages":"35","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"36"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"39"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"42"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"39"},{"filePath":"45","messages":"46","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"47"},{"filePath":"48","messages":"49","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"50","usedDeprecatedRules":"39"},{"filePath":"51","messages":"52","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"39"},{"filePath":"53","messages":"54","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"55","usedDeprecatedRules":"39"},{"filePath":"56","messages":"57","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"39"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"39"},"E:\\MyProjects\\faridatulna.github.io\\src\\index.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\App.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\reportWebVitals.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyMainContent.js",["60","61"],"import React from 'react'\r\n\r\nimport MyArticle from './MyArticle'\r\nimport MyButton from './MyButton'\r\nimport MySubject from './MySubject'\r\n\r\nimport { createMuiTheme, responsiveFontSizes, ThemeProvider, makeStyles } from '@material-ui/core/styles'\r\nimport {Divider, Typography, Grid, Container, Button} from '@material-ui/core'\r\n\r\nlet theme = createMuiTheme();\r\ntheme = responsiveFontSizes(theme);\r\n\r\nconst cards = [1, 2, 3]\r\nconst hobies = [\"Novel\",\"Comic\",\"Anime\",\"Fantasy Movie\",\"Code\",\"Tech\",\"Puzzle\",\"Cook\",\"Trip\",\"Crossword\"]\r\nconst subjectButtons = [\"laravel\",\"node.js\",\"react\",\"flask\",\"kotlin\",\"go\",\"php native\",\"adobe xd\",\"unity-c#\",\"c++/c\",\"python\"]\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\t'& > *': {\r\n\t      margin: theme.spacing(0.3),\r\n\t    },\r\n\t},\r\n\tpadding: theme.spacing(8, 0, 6),\r\n\tcardGrid: {\r\n\t\tpaddingTop: theme.spacing(8),\r\n\t\tpaddingBottom: theme.spacing(8),\r\n\t},\r\n\ttitleStyle2:{\r\n\t\tcolor:'#f9d110',\r\n\t},\r\n\tdivStyle1:{\r\n\t\tbackgroundColor:'#e0e0e038',\r\n\t},\r\n}));\r\n\r\nexport default function MainContent() {\r\n\tconst date = new Date()\r\n\tconst hours = date.getHours()\r\n\tlet timeOfDay = \"\"\r\n\r\n\tconst classes = useStyles();\r\n\r\n\tif(hours < 12){\r\n\t\ttimeOfDay = \"morning\"\r\n\t}else if(hours >= 12 && hours < 17){\r\n\t\ttimeOfDay = \"afternoon\"\r\n\t}else{\r\n\t\ttimeOfDay = \"night\"\r\n\t}\r\n\r\n\treturn (\r\n\t\t<main id=\"myContent\">\r\n\t\t<ThemeProvider theme={theme}>\r\n\t\t<noscript>Good {timeOfDay}!</noscript>\r\n\t\t\t<section id=\"intro\" className=\"myContent style1 fullscreen fade-up\">\r\n\t\t\t\t<Container maxWidth=\"md\">\r\n\t\t\t\t\t<Grid container item md={12} spacing={2} className=\"split style1\">\r\n\t\t\t\t\t\t<Grid item md={5}>\r\n\t\t\t\t\t\t\t<Typography className=\"animate__animated animate__shakeX\" component=\"h2\" variant=\"h2\" align=\"center\" color=\"primary\" gutterBottom>\r\n\t\t\t\t\t\t\t\t\tAbout Me\r\n\t\t\t\t\t\t\t</Typography>\r\n\r\n\t\t\t\t\t\t\t<Typography variant=\"subtitle1\" align=\"left\" paragraph>\r\n\t\t\t\t\t\t\t\t\tFarida is a programmer and tech enthusiast who like to explore and expand her skills. \r\n\t\t\t\t\t\t\t\t\tShe fell in love with web programming since 1st year at college, and always improve and challenge herself in coding practice.\r\n\t\t\t\t\t\t\t</Typography>\t\r\n\t\t\t\t\t\t\t<Typography variant=\"subtitle1\" align=\"left\" paragraph>\r\n\t\t\t\t\t\t\t\t\t<strong>Hobies</strong>\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t<div className={classes.root}>\r\n\t\t\t\t\t\t\t\t{hobies.map((subjects) => (\r\n\t\t\t\t\t\t\t\t\t<Button key={subjects} variant=\"outlined\" color=\"inherit\">{subjects}</Button>\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</Grid>\r\n\t\t\t\t\t\t<Grid item md={7}>\r\n\t\t\t\t\t\t\t<Typography className=\"animate__animated animate__shakeY\" color=\"secondary\" component=\"h2\" variant=\"h2\" align=\"center\" gutterBottom>\r\n\t\t\t\t\t\t\t\t\tMY TechCorner\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t<Divider variant=\"middle\" className={classes.divStyle1}/>\r\n\t\t\t\t\t\t\t<MySubject />\r\n\t\t\t\t\t\t</Grid>\r\n\t\t\t\t\t</Grid>\r\n\r\n\t\t\t\t</Container>\r\n\t\t\t</section>\r\n\r\n\t\t\t<section id=\"proSide\" className=\"myContent style2 fullscreen fade-down\">\r\n\t\t\t\t\r\n\t\t\t\t<Typography component=\"h2\" variant=\"h2\" color=\"inherit\" align=\"center\" gutterBottom>\r\n\t\t\t\t\t\tMY Projects\r\n\t\t\t\t</Typography>\t\r\n\t\t\t\t<Container className={classes.cardGrid} maxWidth=\"md\">\r\n\t\t\t\t\t<Grid container spacing={4}>\r\n\t\t\t\t\t{cards.map((card) => (\r\n\t\t\t\t\t\t<Grid item key={card} xs={12} sm={6} md={4}>\r\n\t\t\t\t\t\t<MyArticle href=\"/tictactoe\"/>\r\n\t\t\t\t\t\t</Grid>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</Grid>\r\n\t\t\t\t</Container>\r\n\t\t\t</section>\r\n\t\t\t</ThemeProvider>\r\n\t\t</main>\r\n\t)\r\n}","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyButton.js",[],["62","63"],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyFooter.js",[],["64","65"],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyHeader.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyAvatar.js",[],["66","67"],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\MyArticle.js",["68"],"import React from 'react'\r\n\r\nimport PostImage from './comingsoon.png'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport PropTypes from 'prop-types'\r\nimport Skeleton from '@material-ui/lab/Skeleton'\r\nimport {Link} from 'react-router-dom'\r\nimport { Button, Typography, CardMedia, CardContent, CardActions, Card } from '@material-ui/core'\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\troot: {\r\n\t\tflexGrow: 1,\r\n\t},\r\n\tpadding: theme.spacing(8, 0, 6),\r\n\tcardGrid: {\r\n\t\tpaddingTop: theme.spacing(8),\r\n\t\tpaddingBottom: theme.spacing(8),\r\n\t},\r\n\tcard: {\r\n\t\theight: '100%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'column',\r\n\t\tbackgroundColor: '#33383d', \r\n\t},\r\n\tcardMedia: {\r\n    paddingTop: '56.25%', // 16:9\r\n    },\r\n    cardContent: {\r\n    \tflexGrow: 1,\r\n    \tbackgroundColor: '#33383d', \r\n    \tcolor: '#e0e0e0',\r\n    },\r\n}));\r\n\r\nfunction Article(props) {\r\n\tconst classes = useStyles()\r\n\tconst { loading = false } = props\r\n\r\n\treturn(\r\n\t\t<Card className={classes.card}>\r\n\t\t\t{loading ? (\r\n\t\t        <Skeleton animation=\"wave\" variant=\"rect\" className={classes.cardMedia} />\r\n\t\t      ) : (\r\n\t\t\t<CardMedia\r\n\t\t\tclassName={classes.cardMedia}\r\n\t\t\timage={PostImage}\r\n\t\t\ttitle=\"Coming Soon\"\r\n\t\t\t/>\r\n\t\t\t)}\r\n\r\n\t\t\t<CardContent className={classes.cardContent}>\r\n\t\t\t\t{loading ? (\r\n\t\t          <React.Fragment>\r\n\t\t            <Skeleton animation=\"wave\" height={10} style={{ marginBottom: 6 }} />\r\n\t\t            <Skeleton animation=\"wave\" height={10} width=\"80%\" />\r\n\t\t          </React.Fragment>\r\n\t\t        ) : (\r\n\t\t        <React.Fragment>\r\n\t\t\t\t\t<Typography gutterBottom variant=\"h5\" component=\"h2\">\r\n\t\t\t\t\tComing Soon\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t\t<Typography>\r\n\t\t\t\t\t\tComing Soon\r\n\t\t\t\t\t</Typography>\r\n\t\t\t\t</React.Fragment>\r\n\t\t\t\t)}\r\n\t\t\t</CardContent>\r\n\r\n\t\t\t<noscript><CardActions>\r\n\t\t\t\t{loading ? (\r\n\t\t          <React.Fragment>\r\n\t\t            <Skeleton animation=\"wave\" height={10} style={{ marginBottom: 6 }} />\r\n\t\t            <Skeleton animation=\"wave\" height={10} width=\"80%\" />\r\n\t\t          </React.Fragment>\r\n\t\t        ) : (\r\n\t\t\t\t<Button size=\"small\" color=\"secondary\">\r\n\t\t\t\tView\r\n\t\t\t\t</Button>\r\n\t\t\t\t)}\r\n\t\t\t</CardActions></noscript>\r\n\t\t</Card>\r\n\t)\r\n}\r\n\r\nArticle.propTypes = {\r\n  loading: PropTypes.bool,\r\n};\r\n\r\nexport default function Articles() {\r\n\treturn (\r\n\t\t<div>\r\n\t\t\t<Article />\r\n\t\t</div>\r\n\t)\r\n}","E:\\MyProjects\\faridatulna.github.io\\src\\components\\MySubject.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Game.js",["69"],"import React, {useState} from 'react'\r\nimport Board from './Board'\r\nimport './Game.css'\r\n\r\nexport const DIMS = 3;\r\nexport const DRAW = 0;\r\nexport const PLAYER_X = 1;\r\nexport const PLAYER_O = 2;\r\nexport const SQUARE_DIMS = 100;\r\n\r\nexport const GAME_STATES = {\r\n  notStarted: \"not_started\",\r\n  inProgress: \"in_progress\",\r\n  over: \"over\"\r\n};\r\n\r\nexport const switchPlayer = player => {\r\n  return player === PLAYER_X ? PLAYER_O : PLAYER_X;\r\n};\r\n\r\nexport function calculateWinner(squares) {\r\n\tconst lines = [\r\n\t\t[0,1,2],\r\n\t\t[3,4,5],\r\n\t\t[6,7,8],\r\n\t\t[0,3,6],\r\n\t\t[1,4,7],\r\n\t\t[2,5,8],\r\n\t\t[0,4,8],\r\n\t\t[2,4,6],\r\n\t]\r\n\r\n\tfor(let i=0 ; i<lines.length ; i++){\r\n\t\tconst [a,b,c] = lines[i]\r\n\t\tif(squares[a] && squares[a] === squares[b] && squares[a] === squares[c]){\r\n\t\t\treturn squares[a]\r\n\t\t}\r\n\t}\r\n\treturn null\r\n}\r\n\r\n\r\nexport default function Game() {\r\n\tconst [board, setBoard] = useState(Array(9).fill(null))\r\n\tconst [XIsNext, setXIsNext] = useState(true)\r\n\tconst [players, setPlayers] = useState({ human: null, computer: null })\r\n\tconst [gameState, setGameState] = useState(GAME_STATES.notStarted)\r\n\tconst winner = calculateWinner(board)\r\n\r\n\tconst handleClick = (i) => {\r\n\t\tconst boardCopy = [...board]\r\n\r\n\t\tif(winner || boardCopy[i]) return\r\n\r\n\t\tboardCopy[i] = XIsNext ? \"X\" : \"O\"\r\n\r\n\t\tsetBoard(boardCopy)\r\n\t\tsetXIsNext(!XIsNext)\r\n\t}\r\n\r\n\tconst choosePlayer = option => {\r\n\t\tsetPlayers({ human: option, computer: switchPlayer(option) });\r\n  \t\tsetGameState(GAME_STATES.inProgress)\r\n\t}\r\n\r\n\treturn gameState === GAME_STATES.notStarted ? (\r\n\t\t<main className=\"gameContent fullscreen style1\">\r\n\t\t\t<h1>Tic Tac Toe</h1>\r\n\t\t\t<div id=\"gamePlayer\" className=\"gamePlayer\">\r\n\t\t\t\t<h2> Choose Player </h2>\r\n\t\t\t\t<div className=\"p1\" onClick={() => choosePlayer(PLAYER_X)} >X</div>\r\n\t\t\t\t<div className=\"p2\" onClick={() => choosePlayer(PLAYER_O)} >O</div>\r\n\t\t\t</div>\r\n\t\t</main>\r\n\t) : (\r\n\t\t<main className=\"gameContent fullscreen style1\">\r\n\t\t\t<h1>Tic Tac Toe</h1>\r\n\t\t\t<div id=\"gameBoard\">\r\n\t\t\t\t<Board squares={board} onClick={handleClick} />\r\n\t\t\t\t<div id=\"gameBox\" >\r\n\t\t\t\t\t<p> {winner ? \"winner: \"+ winner : \"Next Player: \"+ (XIsNext ? \"b\" : \"d\")} </p>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</main>\r\n\t)\r\n}","E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Square.js",[],"E:\\MyProjects\\faridatulna.github.io\\src\\components\\tic-tac-toe\\Board.js",[],{"ruleId":"70","severity":1,"message":"71","line":4,"column":8,"nodeType":"72","messageId":"73","endLine":4,"endColumn":16},{"ruleId":"70","severity":1,"message":"74","line":15,"column":7,"nodeType":"72","messageId":"73","endLine":15,"endColumn":21},{"ruleId":"75","replacedBy":"76"},{"ruleId":"77","replacedBy":"78"},{"ruleId":"75","replacedBy":"79"},{"ruleId":"77","replacedBy":"80"},{"ruleId":"75","replacedBy":"81"},{"ruleId":"77","replacedBy":"82"},{"ruleId":"70","severity":1,"message":"83","line":7,"column":9,"nodeType":"72","messageId":"73","endLine":7,"endColumn":13},{"ruleId":"70","severity":1,"message":"84","line":46,"column":9,"nodeType":"72","messageId":"73","endLine":46,"endColumn":16},"no-unused-vars","'MyButton' is defined but never used.","Identifier","unusedVar","'subjectButtons' is assigned a value but never used.","no-native-reassign",["85"],"no-negated-in-lhs",["86"],["85"],["86"],["85"],["86"],"'Link' is defined but never used.","'players' is assigned a value but never used.","no-global-assign","no-unsafe-negation"]