initial commit after setup

sreyan-ghosh · sreyan-ghosh · commit ec91c652e83d · 2020-09-02T09:56:50.000+05:30
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,16 @@
+{
+    "extends": ["prettier", "prettier/react", "eslint:recommended"],
+    "plugins": [],
+    "parserOptions": {
+        "ecmaVersion": 2019,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "env": {
+        "es6": true,
+        "browser": true,
+        "node": true
+    }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,6 @@
+node_modules/
+.cache/
+dist/
+coverage/
+.vscode/
+.env
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1 @@
+{}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "react_intro",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "parcel src/index.html",
+    "lint": "eslint \"src/**/*.{js,jsx}\" --quiet",
+    "format": "prettier \"src/**/*.{js,html}\" --write",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "eslint": "^7.8.1",
+    "eslint-config-prettier": "^6.11.0",
+    "parcel-bundler": "^1.12.4",
+    "prettier": "^2.1.1"
+  },
+  "dependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  }
+}
diff --git a/src/App.js b/src/App.js
@@ -0,0 +1,26 @@
+import React from 'react';
+import {render} from 'react-dom';
+import Pet from './Pet';
+
+const App = () => {
+  return React.createElement("div", {}, [
+    React.createElement("h1", {}, "Adopt Me!"),
+    React.createElement(Pet, {
+      name: "Bosco",
+      animal: "Dog",
+      breed: "Terrier",
+    }),
+    React.createElement(Pet, {
+      name: "Meowth",
+      animal: "Cat",
+      breed: "House Cat",
+    }),
+    React.createElement(Pet, {
+      name: "Spearow",
+      animal: "Bird",
+      breed: "Sparrow",
+    }),
+  ]);
+};
+
+render(React.createElement(App), document.getElementById("root"));
diff --git a/src/Pet.js b/src/Pet.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function({name, animal, breed}){
+    return React.createElement("div", {}, [
+      React.createElement("h1", {}, name),
+      React.createElement("h2", {}, animal),
+      React.createElement("h2", {}, breed),
+    ]);
+  }
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Adopt Me!</title>
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+  <body>
+    <div id="root">not rendered</div>
+    <script src="./App.js"></script>
+  </body>
+</html>
diff --git a/src/style.css b/src/style.css
