joynalam67598 · joynalam67598 · Sep 5, 2021 · Sep 5, 2021 · Sep 5, 2021 · Sep 5, 2021
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,10 +1,70 @@
 {
+  "editor.fontSize": 20,
+  "editor.fontLigatures": true,
+  "editor.wordWrap": "on",
+  "editor.minimap.enabled": false,
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
     "source.fixAll.tslint": true,
     "source.organizeImports": true
   },
+  "editor.tokenColorCustomizations": {
+    "textMateRules": [
+      {
+        "scope": "comment",
+        "settings": {
+          "fontStyle": "italic"
+        }
+      }
+    ]
+  },
+  // cursor
+  "editor.cursorSmoothCaretAnimation": true,
+  "editor.cursorBlinking": "expand",
+
+  // config related to code formatting
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  // "[javascript]": {
+  //   "editor.formatOnSave": false,
+  //   "editor.defaultFormatter": null
+  // },
+  // "[javascriptreact]": {
+  //   "editor.formatOnSave": false,
+  //   "editor.defaultFormatter": null
+  // },
+  "eslint.alwaysShowStatus": true,
+
+  //terminal
+  "terminal.integrated.fontSize": 16,
+  "terminal.integrated.fontWeight": "normal",
+  "terminal.integrated.fontFamily": "monospace",
+  "workbench.colorTheme": "Learn with Sumit Theme - Dracula version",
+  "workbench.iconTheme": "material-icon-theme",
+
+  // terminal customization
+  "workbench.colorCustomizations": {
+    "terminal.background": "#0a0b0c",
+    "terminal.foreground": "#18ff03",
+    "terminalCursor.background": "#fce51c",
+    "terminalCursor.foreground": "#5fff82",
+    "terminal.ansiBlack": "#1D2021",
+    "terminal.ansiBlue": "#0D6678",
+    "terminal.ansiBrightBlack": "#665C54",
+    "terminal.ansiBrightBlue": "#0D6678",
+    "terminal.ansiBrightCyan": "#8BA59B",
+    "terminal.ansiBrightGreen": "#95C085",
+    "terminal.ansiBrightMagenta": "#8F4673",
+    "terminal.ansiBrightRed": "#FB543F",
+    "terminal.ansiBrightWhite": "#FDF4C1",
+    "terminal.ansiBrightYellow": "#FAC03B",
+    "terminal.ansiCyan": "#8BA59B",
+    "terminal.ansiGreen": "#95C085",
+    "terminal.ansiMagenta": "#8F4673",
+    "terminal.ansiRed": "#FB543F",
+    "terminal.ansiWhite": "#A89984",
+    "terminal.ansiYellow": "#c0942e"
+  },
   "javascript.validate.enable": false,
-  "typescript.validate.enable": false,
+  "typescript.validate.enable": false
 }
diff --git a/html/images/3.jpg b/html/images/3.jpg
diff --git a/html/images/login.svg b/html/images/login.svg
diff --git a/html/images/logo-bg.png b/html/images/logo-bg.png
diff --git a/html/images/signup.svg b/html/images/signup.svg
diff --git a/html/images/success.png b/html/images/success.png
diff --git a/html/index.html b/html/index.html
@@ -0,0 +1,134 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      property="og:title"
+      content="React Quiz Project by Learn with Sumit"
+    />
+    <meta
+      property="og:description"
+      content="React Quiz Project under Learn with Sumit React Tutorial Series playlist"
+    />
+
+    <link rel="stylesheet" href="./styles/style.css" />
+    <link rel="stylesheet" href="./styles/grid-list.css" />
+
+    <title>Home - Learn With Sumit</title>
+  </head>
+  <body>
+    <nav class="nav">
+      <ul>
+        <li>
+          <a href="index.html" class="brand">
+            <img src="./images/logo-bg.png" alt="Learn with Sumit Logo" />
+            <h3>Learn with Sumit</h3>
+          </a>
+        </li>
+      </ul>
+      <div class="account">
+        <span class="material-icons-outlined" title="Account">
+          account_circle
+        </span>
+        <a href="signup.html">Signup</a>
+        <!-- <span class="material-icons-outlined" title="Logout"> logout </span> -->
+      </div>
+    </nav>
+
+    <main class="main">
+      <div class="container">
+        <div class="videos">
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : 10 / 10</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : 5 / 10</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+
+          <a href="quiz.html"
+            ><div class="video">
+              <img src="./images/3.jpg" alt="" />
+              <p>#23 React Hooks Bangla - React useReducer hook Bangla</p>
+              <div class="qmeta">
+                <p>10 Questions</p>
+                <p>Score : Not taken yet</p>
+              </div>
+            </div>
+          </a>
+        </div>
+      </div>
+    </main>
+  </body>
+</html>
diff --git a/html/login.html b/html/login.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="React Quiz Project by Learn with Sumit" />
+    <meta property="og:description" content="React Quiz Project under Learn with Sumit React Tutorial Series playlist" />
+
+    <link rel="stylesheet" href="./styles/style.css" />
+    <link rel="stylesheet" href="./styles/quiz.css" />
+
+    <title>Login - Learn with Sumit</title>
+  </head>
+  <body>
+    <!-- Navigatin Bar -->
+    <nav class="nav">
+      <ul>
+        <li>
+          <a href="index.html" class="brand">
+            <img src="./images/logo-bg.png" alt="Learn with Sumit Logo" />
+            <h3>Learn with Sumit</h3>
+          </a>
+        </li>
+      </ul>
+      <div class="account">
+        <span class="material-icons-outlined" title="Account"> account_circle </span>
+        <a href="signup.html">Signup</a>
+        <!-- <span class="material-icons-outlined" title="Logout"> logout </span> -->
+      </div>
+    </nav>
+
+    <main class="main">
+      <div class="container">
+        <h1>Login to your account</h1>
+        <div class="column">
+          <div class="illustration">
+            <img src="./images/login.svg" alt="Login" />
+          </div>
+          <form class="login form" action="#">
+            <div class="textInput">
+              <input type="text" placeholder="Enter email" />
+              <span class="material-icons-outlined"> alternate_email </span>
+            </div>
+
+            <div class="textInput">
+              <input type="password" placeholder="Enter password" />
+              <span class="material-icons-outlined"> lock </span>
+            </div>
+
+            <button class="button">
+              <span>Submit now</span>
+            </button>
+
+            <div class="info">Don't have an account? <a href="signup.html">Signup</a> instead.</div>
+          </form>
+        </div>
+      </div>
+    </main>
+
+    <script src="./scripts/script.js"></script>
+  </body>
+</html>