Initial commit

Author: ambi-s

README.md

@@ -0,0 +1,3 @@
+# expr
+
+[Edit on StackBlitz ⚡️](https://stackblitz.com/edit/stackblitz-starters-w7ey78)

package.json

@@ -0,0 +1,20 @@
+{
+  "name": "stackblitz-starters-w7ey78",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "@types/react": "18.2.21",
+    "@types/react-dom": "18.2.7"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "devDependencies": {
+    "react-scripts": "latest"
+  }
+}

public/index.html

@@ -0,0 +1 @@
+<div id="app"></div>

src/App.tsx

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+
+import './style.css';
+
+export const App: FC<{ name: string }> = ({ name }) => {
+  return (
+    <div>
+      <h1>Hello {name}!</h1>
+      <p>Start editing to see some magic happen :)</p>
+    </div>
+  );
+};

src/index.tsx

@@ -0,0 +1,12 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { App } from './App';
+
+const root = createRoot(document.getElementById('app'));
+
+root.render(
+  <StrictMode>
+    <App name="StackBlitz" />
+  </StrictMode>
+);

src/style.css

@@ -0,0 +1,16 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 1rem;
+  font-family: system-ui, sans-serif;
+  color: black;
+  background-color: white;
+}
+
+h1 {
+  font-weight: 800;
+  font-size: 1.5rem;
+}

tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "lib": ["DOM", "ES2022"],
+    "moduleResolution": "node",
+    "target": "ES2022",
+    "strict": true,
+    "baseUrl": "./src"
+  }
+}