Basic structure

theandersonn · Apr 17, 2021 · 999c1c8 · 999c1c8
1 parent 2264672
commit 999c1c8
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 90 deletions.
diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Online tool to find your screen resolution"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>My Screen Resolution</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
diff --git a/src/App.test.js b/src/App.test.js
diff --git a/src/components/ScreenResolution/index.js b/src/components/ScreenResolution/index.js
@@ -0,0 +1,11 @@
+const ScreenResolution = () => {
+  console.info('ScreenResolution');
+
+  return (
+    <>
+      <h1>ScreenResolution</h1>
+    </>
+  );
+}
+
+export default ScreenResolution;
diff --git a/src/index.css b/src/index.css
diff --git a/src/index.js b/src/index.js
@@ -1,12 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
+import ScreenResolution from './components/ScreenResolution';
 import reportWebVitals from './reportWebVitals';
 
 ReactDOM.render(
   <React.StrictMode>
-    <App />
+    <ScreenResolution />
   </React.StrictMode>,
   document.getElementById('root')
 );

diff --git a/src/logo.svg b/src/logo.svg