splash screen added

client/.eslintcache

@@ -0,0 +1 @@
+[{"C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\index.js":"1","C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\reportWebVitals.js":"2","C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\App.js":"3","C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\components\\splashscreen.js":"4"},{"size":517,"mtime":1616002842817,"results":"5","hashOfConfig":"6"},{"size":375,"mtime":1616002842819,"results":"7","hashOfConfig":"6"},{"size":550,"mtime":1616079763162,"results":"8","hashOfConfig":"6"},{"size":258,"mtime":1616086467845,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},"1r8njg7",{"filePath":"13","messages":"14","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"12"},{"filePath":"15","messages":"16","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\index.js",[],["19","20"],"C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\reportWebVitals.js",[],"C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\App.js",[],"C:\\Users\\mohit\\OneDrive\\Desktop\\AllNotes\\client\\src\\components\\splashscreen.js",[],{"ruleId":"21","replacedBy":"22"},{"ruleId":"23","replacedBy":"24"},"no-native-reassign",["25"],"no-negated-in-lhs",["26"],"no-global-assign","no-unsafe-negation"]

client/src/App.css

@@ -35,4 +35,4 @@
   to {
     transform: rotate(360deg);
   }
-}
+}

client/src/App.js

@@ -1,15 +1,27 @@
-import logo from './logo.svg';
-import './App.css';
+import React , {useEffect,useState} from 'react';
+import LoadingMessage from './components/splashscreen';
+import "./App.css";
 
 function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <h1>Hello, All-Notes :)</h1>
+  const [loading,setLoading]= useState(true)
 
-      </header>
-    </div>
-  );
-}
+  useEffect(()=>{
+    setTimeout(()=>{
+      setLoading(false)
+    },6000)
+  },[])
+    return (
+
+      <div className="App">
+      {
+        loading ? <LoadingMessage /> : null
+      }
+        <header className="App-header">
+          <h1>Hello, All-Notes :)</h1>
+
+        </header>
+      </div>
+    );
+  }
 
-export default App;
+export default App;

client/src/components/splashscreen.css

@@ -0,0 +1,8 @@
+.splash-screen {
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+  }
+
+

client/src/components/splashscreen.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import './splashscreen.css';
+
+function LoadingMessage() {
+  return (
+    <div className="splash-screen">
+      <img src="./img/splash-screen.gif" alt="splash-screen" />
+    </div>
+  );
+}
+
+export default LoadingMessage;