updated with new features

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+coverage
+build

.eslintrc

@@ -0,0 +1,60 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "parser": "babel-eslint",
+  "extends": ["react-app", "airbnb", "prettier"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  "plugins": ["prettier"],
+  "overrides": [
+    {
+      "files": ["styledComponents.js"],
+      "rules": {
+        "import/prefer-default-export": "off"
+      }
+    }
+  ],
+  "rules": {
+    "prettier/prettier": "error",
+    "react/jsx-filename-extension": [1, {"extensions": [".js", ".jsx"]}],
+    "react/state-in-constructor": "off",
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-uses-react": "off",
+    "no-console": "off",
+    "react/prop-types": "off",
+    "jsx-a11y/label-has-associated-control": [
+      2,
+      {
+        "labelAttributes": ["htmlFor"]
+      }
+    ],
+    "jsx-a11y/click-events-have-key-events": 0,
+    "jsx-a11y/no-noninteractive-element-interactions": [
+      "off",
+      {
+        "handlers": ["onClick"]
+      }
+    ],
+    "react/prefer-stateless-function": [
+      0,
+      {
+        "ignorePureComponents": true
+      }
+    ],
+    "no-unused-vars": "warn",
+    "jsx-a11y/alt-text": 1,
+    "react/no-unused-state": "warn",
+    "react/button-has-type": "warn",
+    "react/no-unescaped-entities": "warn",
+    "react/jsx-props-no-spreading": "off",
+    "operator-assignment": ["warn", "always"],
+    "radix": "off"
+  }
+}

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.gitignore

@@ -0,0 +1,26 @@
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+.idea/
+.eslintcache
+.vscode/
+.results

.npmrc

@@ -0,0 +1,3 @@
+registry=https://registry.npmjs.org/
+package-lock=true
+save-exact=true

.prettierignore

@@ -0,0 +1,3 @@
+node_modules
+coverage
+build

.prettierrc

@@ -0,0 +1,26 @@
+{
+  "arrowParens": "avoid",
+  "bracketSpacing": false,
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "jsxBracketSameLine": false,
+  "jsxSingleQuote": false,
+  "printWidth": 80,
+  "overrides": [
+    {
+      "files": "*.md",
+      "options": {
+        "printWidth": 1000
+      }
+    }
+  ],
+  "proseWrap": "always",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "semi": false,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false
+}

README.md

@@ -0,0 +1,24 @@
+# Youtube Clone
+
+### A Real time youtube application clone 
+
+
+
+This application is similar to youtube application where user can 
+
+* Login with creditials {(default) => username : rahul ; password : rahul@2021}
+
+* view videos by different categories and recommended videos
+
+* like and comment and save the videos
+
+* search and many more 
+
+
+
+
+
+## Check it out ##
+
+
+[URL](https://sai-youtube.netlify.app)

craco.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  babel: {
+    plugins: [
+      [
+        'babel-plugin-styled-components',
+        {
+          fileName: false,
+        },
+      ],
+    ],
+  },
+}