diff --git a/.eslintcache b/.eslintcache index aec376a..6992cc0 100644 --- a/.eslintcache +++ b/.eslintcache @@ -1 +1 @@ -[{"/home/malik/myPractice/reactPractice/src/index.js":"1","/home/malik/myPractice/reactPractice/src/App.js":"2","/home/malik/myPractice/reactPractice/src/components/pages/Home.js":"3","/home/malik/myPractice/reactPractice/src/components/Navbar.js":"4","/home/malik/myPractice/reactPractice/src/components/Footer.js":"5","/home/malik/myPractice/reactPractice/src/components/HeroSection.js":"6","/home/malik/myPractice/reactPractice/src/components/Cards.js":"7","/home/malik/myPractice/reactPractice/src/components/Button.js":"8","/home/malik/myPractice/reactPractice/src/components/CardItem.js":"9","/home/malik/myPractice/reactPractice/src/components/Carddata.js":"10"},{"size":155,"mtime":1671524635137,"results":"11","hashOfConfig":"12"},{"size":401,"mtime":1671524635001,"results":"13","hashOfConfig":"12"},{"size":308,"mtime":1671524635057,"results":"14","hashOfConfig":"12"},{"size":2036,"mtime":1671524635001,"results":"15","hashOfConfig":"12"},{"size":3567,"mtime":1671524635001,"results":"16","hashOfConfig":"12"},{"size":769,"mtime":1671524635001,"results":"17","hashOfConfig":"12"},{"size":781,"mtime":1671529904660,"results":"18","hashOfConfig":"12"},{"size":702,"mtime":1671524635001,"results":"19","hashOfConfig":"12"},{"size":756,"mtime":1671531844386,"results":"20","hashOfConfig":"12"},{"size":684,"mtime":1671530648611,"results":"21","hashOfConfig":"12"},{"filePath":"22","messages":"23","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1txycbz",{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"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":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"36","messages":"37","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"38","messages":"39","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"40","messages":"41","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"/home/malik/myPractice/reactPractice/src/index.js",[],"/home/malik/myPractice/reactPractice/src/App.js",[],"/home/malik/myPractice/reactPractice/src/components/pages/Home.js",[],"/home/malik/myPractice/reactPractice/src/components/Navbar.js",[],"/home/malik/myPractice/reactPractice/src/components/Footer.js",[],"/home/malik/myPractice/reactPractice/src/components/HeroSection.js",[],"/home/malik/myPractice/reactPractice/src/components/Cards.js",[],"/home/malik/myPractice/reactPractice/src/components/Button.js",[],"/home/malik/myPractice/reactPractice/src/components/CardItem.js",[],"/home/malik/myPractice/reactPractice/src/components/Carddata.js",[]] \ No newline at end of file +[{"/home/malik/myPractice/reactPractice/src/index.js":"1","/home/malik/myPractice/reactPractice/src/App.js":"2","/home/malik/myPractice/reactPractice/src/components/pages/Home.js":"3","/home/malik/myPractice/reactPractice/src/components/Navbar.js":"4","/home/malik/myPractice/reactPractice/src/components/Footer.js":"5","/home/malik/myPractice/reactPractice/src/components/HeroSection.js":"6","/home/malik/myPractice/reactPractice/src/components/Cards.js":"7","/home/malik/myPractice/reactPractice/src/components/Button.js":"8","/home/malik/myPractice/reactPractice/src/components/CardItem.js":"9","/home/malik/myPractice/reactPractice/src/components/Carddata.js":"10","/home/malik/myPractice/reactPractice/src/components/Todo/Todolist.js":"11","/home/malik/myPractice/reactPractice/src/components/Todo/Task1.js":"12"},{"size":155,"mtime":1671524635137,"results":"13","hashOfConfig":"14"},{"size":507,"mtime":1671683478611,"results":"15","hashOfConfig":"14"},{"size":308,"mtime":1671637037420,"results":"16","hashOfConfig":"14"},{"size":2285,"mtime":1671711965488,"results":"17","hashOfConfig":"14"},{"size":3567,"mtime":1671524635001,"results":"18","hashOfConfig":"14"},{"size":769,"mtime":1671524635001,"results":"19","hashOfConfig":"14"},{"size":781,"mtime":1671529904660,"results":"20","hashOfConfig":"14"},{"size":702,"mtime":1671543706966,"results":"21","hashOfConfig":"14"},{"size":988,"mtime":1672419448121,"results":"22","hashOfConfig":"14"},{"size":684,"mtime":1671530648611,"results":"23","hashOfConfig":"14"},{"size":258,"mtime":1672336051230,"results":"24","hashOfConfig":"14"},{"size":1751,"mtime":1672336967073,"results":"25","hashOfConfig":"14"},{"filePath":"26","messages":"27","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},"1kfoqge",{"filePath":"29","messages":"30","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"33","messages":"34","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"41","messages":"42","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"45","messages":"46","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"47","messages":"48","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"28"},"/home/malik/myPractice/reactPractice/src/index.js",[],["51","52"],"/home/malik/myPractice/reactPractice/src/App.js",[],"/home/malik/myPractice/reactPractice/src/components/pages/Home.js",[],"/home/malik/myPractice/reactPractice/src/components/Navbar.js",[],"/home/malik/myPractice/reactPractice/src/components/Footer.js",[],"/home/malik/myPractice/reactPractice/src/components/HeroSection.js",[],"/home/malik/myPractice/reactPractice/src/components/Cards.js",[],"/home/malik/myPractice/reactPractice/src/components/Button.js",[],"/home/malik/myPractice/reactPractice/src/components/CardItem.js",[],"/home/malik/myPractice/reactPractice/src/components/Carddata.js",[],"/home/malik/myPractice/reactPractice/src/components/Todo/Todolist.js",[],"/home/malik/myPractice/reactPractice/src/components/Todo/Task1.js",[],{"ruleId":"53","replacedBy":"54"},{"ruleId":"55","replacedBy":"56"},"no-native-reassign",["57"],"no-negated-in-lhs",["58"],"no-global-assign","no-unsafe-negation"] \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 37c89f9..786a027 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,8 +11,10 @@ "@testing-library/jest-dom": "^5.11.6", "@testing-library/react": "^11.2.2", "@testing-library/user-event": "^12.5.0", + "axios": "^1.2.2", "react": "^17.0.1", "react-dom": "^17.0.1", + "react-icons": "^4.7.1", "react-router-dom": "^5.2.0", "react-scripts": "4.0.1", "web-vitals": "^0.2.4" @@ -1484,6 +1486,14 @@ "node": ">= 4" } }, + "node_modules/@eslint/eslintrc/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/@hapi/address": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz", @@ -1800,6 +1810,14 @@ "node": ">=8" } }, + "node_modules/@jest/core/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/@jest/environment": { "version": "26.6.2", "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-26.6.2.tgz", @@ -2008,6 +2026,14 @@ "node": ">=8" } }, + "node_modules/@jest/reporters/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/@jest/source-map": { "version": "26.6.2", "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-26.6.2.tgz", @@ -3919,6 +3945,29 @@ "node": ">=4" } }, + "node_modules/axios": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.2.tgz", + "integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==", + "dependencies": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/axios/node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, "node_modules/axobject-query": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz", @@ -4533,6 +4582,15 @@ "node": ">=8" } }, + "node_modules/bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "optional": true, + "dependencies": { + "file-uri-to-path": "1.0.0" + } + }, "node_modules/bluebird": { "version": "3.7.2", "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz", @@ -7594,6 +7652,14 @@ "node": ">=8" } }, + "node_modules/eslint/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/eslint/node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -8169,6 +8235,12 @@ "url": "https://opencollective.com/webpack" } }, + "node_modules/file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "optional": true + }, "node_modules/filesize": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz", @@ -8298,9 +8370,9 @@ } }, "node_modules/follow-redirects": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.0.tgz", - "integrity": "sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==", + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", + "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==", "funding": [ { "type": "individual", @@ -8309,6 +8381,11 @@ ], "engines": { "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } } }, "node_modules/for-in": { @@ -10573,6 +10650,14 @@ "node": ">=8" } }, + "node_modules/jest-config/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/jest-diff": { "version": "26.6.2", "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-26.6.2.tgz", @@ -11242,6 +11327,14 @@ "node": ">=8" } }, + "node_modules/jest-resolve/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/jest-runner": { "version": "26.6.3", "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-26.6.3.tgz", @@ -11392,6 +11485,14 @@ "node": ">=8" } }, + "node_modules/jest-runner/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/jest-runtime": { "version": "26.6.3", "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-26.6.3.tgz", @@ -11560,6 +11661,14 @@ "node": ">=8" } }, + "node_modules/jest-runtime/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/jest-serializer": { "version": "26.6.2", "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-26.6.2.tgz", @@ -11718,6 +11827,14 @@ "node": ">=8" } }, + "node_modules/jest-snapshot/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "engines": { + "node": ">=8" + } + }, "node_modules/jest-util": { "version": "26.6.2", "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-26.6.2.tgz", @@ -13035,6 +13152,12 @@ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz", "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=" }, + "node_modules/nan": { + "version": "2.17.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz", + "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==", + "optional": true + }, "node_modules/nanoid": { "version": "3.1.20", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz", @@ -15454,6 +15577,11 @@ "node": ">= 0.10" } }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, "node_modules/prr": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", @@ -15787,6 +15915,14 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz", "integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==" }, + "node_modules/react-icons": { + "version": "4.7.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz", + "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -18739,11 +18875,16 @@ } }, "node_modules/type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "version": "0.13.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz", + "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==", + "optional": true, + "peer": true, "engines": { - "node": ">=8" + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/type-is": { @@ -18771,6 +18912,19 @@ "is-typedarray": "^1.0.0" } }, + "node_modules/typescript": { + "version": "3.9.10", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz", + "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==", + "peer": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, "node_modules/unicode-canonical-property-names-ecmascript": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", @@ -22200,6 +22354,11 @@ "version": "4.0.6", "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==" + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -22444,6 +22603,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -22603,6 +22767,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -24032,6 +24201,28 @@ "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.1.1.tgz", "integrity": "sha512-5Kgy8Cz6LPC9DJcNb3yjAXTu3XihQgEdnIg50c//zOC/MyLP0Clg+Y8Sh9ZjjnvBrDZU4DgXS9C3T9r4/scGZQ==" }, + "axios": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.2.2.tgz", + "integrity": "sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==", + "requires": { + "follow-redirects": "^1.15.0", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + }, + "dependencies": { + "form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "requires": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + } + } + } + }, "axobject-query": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-2.2.0.tgz", @@ -24529,6 +24720,15 @@ "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==", "optional": true }, + "bindings": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", + "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", + "optional": true, + "requires": { + "file-uri-to-path": "1.0.0" + } + }, "bluebird": { "version": "3.7.2", "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz", @@ -26617,6 +26817,11 @@ "has-flag": "^4.0.0" } }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" + }, "which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -27417,6 +27622,12 @@ } } }, + "file-uri-to-path": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", + "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", + "optional": true + }, "filesize": { "version": "6.1.0", "resolved": "https://registry.npmjs.org/filesize/-/filesize-6.1.0.tgz", @@ -27531,9 +27742,9 @@ } }, "follow-redirects": { - "version": "1.13.0", - "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.13.0.tgz", - "integrity": "sha512-aq6gF1BEKje4a9i9+5jimNFIpq4Q1WiwBToeRK5NvZBd/TRsmW8BsJfOEGkr76TbOyPVD3OVDN910EcUNtRYEA==" + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz", + "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==" }, "for-in": { "version": "1.0.2", @@ -29326,6 +29537,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -29804,6 +30020,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -29929,6 +30150,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -30056,6 +30282,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -30176,6 +30407,11 @@ "requires": { "has-flag": "^4.0.0" } + }, + "type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" } } }, @@ -31138,6 +31374,12 @@ "resolved": "https://registry.npmjs.org/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz", "integrity": "sha1-iZ8R2WhuXgXLkbNdXw5jt3PPyQE=" }, + "nan": { + "version": "2.17.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.17.0.tgz", + "integrity": "sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ==", + "optional": true + }, "nanoid": { "version": "3.1.20", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.20.tgz", @@ -33087,6 +33329,11 @@ "ipaddr.js": "1.9.1" } }, + "proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, "prr": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", @@ -33356,6 +33603,12 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz", "integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==" }, + "react-icons": { + "version": "4.7.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz", + "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==", + "requires": {} + }, "react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", @@ -35706,9 +35959,11 @@ "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==" }, "type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==" + "version": "0.13.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz", + "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==", + "optional": true, + "peer": true }, "type-is": { "version": "1.6.18", @@ -35732,6 +35987,12 @@ "is-typedarray": "^1.0.0" } }, + "typescript": { + "version": "3.9.10", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz", + "integrity": "sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==", + "peer": true + }, "unicode-canonical-property-names-ecmascript": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz", diff --git a/package.json b/package.json index 4bb76f8..9b5c797 100644 --- a/package.json +++ b/package.json @@ -6,8 +6,10 @@ "@testing-library/jest-dom": "^5.11.6", "@testing-library/react": "^11.2.2", "@testing-library/user-event": "^12.5.0", + "axios": "^1.2.2", "react": "^17.0.1", "react-dom": "^17.0.1", + "react-icons": "^4.7.1", "react-router-dom": "^5.2.0", "react-scripts": "4.0.1", "web-vitals": "^0.2.4" diff --git a/src/App.css b/src/App.css index da34422..bfbec63 100644 --- a/src/App.css +++ b/src/App.css @@ -1,6 +1,6 @@ * { box-sizing: border-box; - margin: 0; + margin: -1px; padding: 0; font-family: 'PT Sans', sans-serif; } diff --git a/src/App.js b/src/App.js index 7e4ced1..b302ba8 100644 --- a/src/App.js +++ b/src/App.js @@ -3,6 +3,7 @@ import './App.css'; import Navbar from './components/Navbar'; import {BrowserRouter as Router , Switch, Route} from 'react-router-dom'; import Home from './components/pages/Home.js' +import Todolist from './components/Todo/Todolist'; function App() { @@ -12,6 +13,7 @@ function App() { + diff --git a/src/components/CardItem.js b/src/components/CardItem.js index 3bcb615..44b3d53 100644 --- a/src/components/CardItem.js +++ b/src/components/CardItem.js @@ -1,21 +1,35 @@ -import React from 'react'; -import {Link} from 'react-router-dom'; +import axios from 'axios'; +import React, { useState, useEffect } from 'react'; -function CardItem(props) { + +const CardItem=()=> { + const [count, setCount]=useState([]); + +useEffect(()=>{ +axios.get(`https://jsonplaceholder.typicode.com/albums/1/photos`) +.then((a)=>{ +setCount(a.data); +console.log(a); +}) +.catch((err)=> +console.log(err) +)}, []) return ( -
+
+ { + count.map(val=>
  • - -
    - Travel +
    + Travel
    - {props.text} + {val.thumbnailUrl}
    -
    • + ) + }
    ) } diff --git a/src/components/Cards.css b/src/components/Cards.css index 921aa73..6370b9f 100644 --- a/src/components/Cards.css +++ b/src/components/Cards.css @@ -28,7 +28,7 @@ } .cards__item { - display: flex; + flex: 1; margin: 0 1rem; border-radius: 10px; diff --git a/src/components/HeroSection.css b/src/components/HeroSection.css index 1281dbd..6924b4d 100644 --- a/src/components/HeroSection.css +++ b/src/components/HeroSection.css @@ -2,7 +2,7 @@ video{ object-fit: cover; width: 100%; height: 100%; - position: fixed; + position: absolute; z-index: -1; } diff --git a/src/components/Navbar.js b/src/components/Navbar.js index 94f5cbc..ce7b1c6 100644 --- a/src/components/Navbar.js +++ b/src/components/Navbar.js @@ -7,7 +7,6 @@ function Navbar() { const [click , setClick] = useState(false); const [button, setButton] = useState(true); - const handleClick = () =>setClick(!click); const closeMobileMenu = () =>setClick(false); @@ -19,10 +18,7 @@ function Navbar() { setButton(true); } }; - window.addEventListener('resize', showButton); - - return ( <>
    diff --git a/src/components/Todo/Header1.css b/src/components/Todo/Header1.css new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/src/components/Todo/Header1.css @@ -0,0 +1 @@ + diff --git a/src/components/Todo/Task1.js b/src/components/Todo/Task1.js new file mode 100644 index 0000000..9997f39 --- /dev/null +++ b/src/components/Todo/Task1.js @@ -0,0 +1,74 @@ + +import React, { useState } from 'react' +import {TiDelete} from 'react-icons/ti'; +import {BiEditAlt} from 'react-icons/bi'; +// import Deletetask from './Delletetask'; +// // import Deletetask from './Delletetask'; + +import './Todolist.css'; +const Task1 = () => { + const [input, setInput]=useState(""); + const[todo, setTodo]=useState([]); + const [edit, setEdit]=useState([]); + const [toggile, setToggle] = useState(true); + + const eventitem =(event )=>{ + setInput(event.target.value); + } + const itemstore=(e)=>{ + e.preventDefault(); + setTodo((oldarr)=> { + return [...oldarr, input] + }) + setInput("") + } + +const deleteItem =(index)=>{ + const newitem=[...todo] + newitem.splice(index,1); + setTodo(newitem); +} + + const Edititem=(id)=>{ + const edits = todo.find(task => task.id===id) + setEdit(edits); + setInput(edit); + setToggle(false); + + } + + return ( + <> +
    + + { toggile ? + : + } + +
    +
    + { + todo.map((val,index)=>{ + return
  • {val} + Edititem(val.id)} + /> deleteItem (index)} + /> +
    • ; + }) + } +
    + + ) +} +export default Task1 + + + diff --git a/src/components/Todo/Todolist.css b/src/components/Todo/Todolist.css new file mode 100644 index 0000000..97fa33b --- /dev/null +++ b/src/components/Todo/Todolist.css @@ -0,0 +1,166 @@ +* { + margin: 0; + padding: 0; +} +.edit{ + color: red; + margin-top: 0.2rem; + margin-left: 0rem; +} +.cross{ + color: red; + margin-top: 0.2rem; + display: flex; + justify-content: left; + width: 30px; +} +.crosstext{ +max-width: 90%; +color: red; +background-color: aqua; +padding-top: 1px; +margin-right: 2px; +font-size: 25px; +color: black; +background-color: white; +border: 1px solid #0d0d8b; +border-radius: 11px; +display: flex; +margin-top: 0.1rem; +} +.text{ +color: blue; +font-size: 30px; +} +.container{ + background-color: white; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + min-height: 80vh; + border-radius: 1px; +} +.app-wrapper{ + background-color: blue; + min-width: 300px; + min-height: 400px; + padding: 10px; + + border-radius: 8px; + box-shadow: 1px 2px 4px; +} +.header h1{ + color: #fff; + text-align: center; + margin: 3px 0; +} +.task-input{ + outline: none; + width: 260px; + padding: 6px; + margin-right: 2px; + font-size: 15px; + color: black; + background-color: white; + border: 1px solid #c09666; + border-radius: 11px; +} +.button-add{ + width: 60px; + padding: 3px 1px; + font-size: 20px; + border-radius: 10px; + border: 0; + background-color: #c09666; + cursor: pointer; +} +.list-item{ + display: flex; + margin: 20px 0; + border: 1px solid white; + padding: 10px; + max-height: 30px; +} +.button-complete, +.button-delete, +.button-edit{ + border: none; + outline: none; + cursor: pointer; + background-color: transparent; + font-size: 28px; + border-radius: 50%; +} +.button-complete{ + color: #ff6c6c; +} +.button-edit{ + color: #e2d029; + margin-right: 10px; +} +.button-delete{ + color: lightgreen; +} +.complete{ + text-decoration-style:solid; + text-decoration-line:line-through; + text-decoration-color: #ff6c6c; + opacity: 0.5; +} +.list{ + width: 220px; + background-color: #123430; + border: none; + color: #ccc; + font-size: 20px; + padding-left: 10px; + margin-right: 11px; +} +input:focus, +button:focus{ + outline: none; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Todo/Todolist.js b/src/components/Todo/Todolist.js new file mode 100644 index 0000000..0e16ab8 --- /dev/null +++ b/src/components/Todo/Todolist.js @@ -0,0 +1,19 @@ +import React from 'react' +import './Todolist.css'; + +import Task1 from './Task1'; + + +const Todolist =() => { + return ( +
    +
    + +
    + +
    + + + ) +} +export default Todolist