feat: migrate to react js

anwar907 · Aug 1, 2024 · 0723b0a · 0723b0a
1 parent 699aeea
commit 0723b0a
Show file tree

Hide file tree

Showing 11 changed files with 471 additions and 328 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.babelrc b/.babelrc
@@ -1,3 +1,3 @@
 {
-    "presets": ["@babel/preset-env"]
-  }
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}
diff --git a/dist/bundle.js b/dist/bundle.js
diff --git a/index.html b/index.html
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,14 +1,20 @@
 {
   "dependencies": {
-    "js-yaml": "^4.1.0"
+    "js-yaml": "^4.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "name": "anwar907.github.io",
   "version": "1.0.0",
   "description": "[![pages-build-deployment](https://github.com/anwar907/anwar907.github.io/actions/workflows/pages/pages-build-deployment/badge.svg?branch=master)](https://github.com/anwar907/anwar907.github.io/actions/workflows/pages/pages-build-deployment)",
   "main": "index.js",
   "devDependencies": {
     "@babel/core": "^7.24.7",
+    "@babel/plugin-syntax-jsx": "^7.24.7",
     "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "babel-loader": "^9.1.3",
     "file-loader": "^6.2.0",
     "webpack": "^5.92.1",

diff --git a/src/app.js b/src/app.js
@@ -0,0 +1,23 @@
+import React from "react";
+import techTools from "./assets/assets";
+import ToolsDevelopment from "./toolsDevelopment";
+
+function App() {
+  const toolsItems = techTools.map((item, index) => (
+    <ToolsDevelopment key={index} product={item} />
+  ));
+  return (
+    <div class="col-10" data-aos="fade-down">
+      <div
+        class="project label-content aos-init aos-animate"
+        data-aos="fade-down"
+      >
+        <h2>My Development Tools </h2>
+      </div>
+      <div class="row">{toolsItems}</div>
+    </div>
+  );
+}
+
+export default App
+