Merge pull request #10 from kervy-cantos/main

Build: Initial REACT design
FWDP · Aug 7, 2023 · d05f63a · d05f63a
2 parents 76f97f6 + cc25d54
commit d05f63a
Show file tree

Hide file tree

Showing 15 changed files with 3,169 additions and 144 deletions.
diff --git a/packages/react-todo/db.json b/packages/react-todo/db.json
@@ -0,0 +1,44 @@
+{
+  "Groups": [
+    { "id": 1, "name": "Todo" },
+    { "id": 2, "name": "In Progress" },
+    { "id": 3, "name": "Done" }
+  ],
+  "Todos" : [
+    {
+      "id": 1,
+      "name": "Sample todo",
+      "description":
+        "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla in purus bibendum auctor. Aliquam nec vestibulum erat, at tristique tortor. Vivamus id neque tortor. Integer sit amet mi aliquam, consequat leo quis, rhoncus nulla. In in consectetur quam. Aliquam rutrum mauris felis, nec bibendum lorem rhoncus at. Vestibulum.</p>",
+      "group": 1,
+      "updatedAt": "2023-01-07T17:15:16Z"
+    },
+    {
+      "id": 2,
+      "name": "Pinatodo",
+      "description":
+        "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla in purus bibendum auctor. Aliquam nec vestibulum erat, at tristique tortor. Vivamus id neque tortor. Integer sit amet mi aliquam, consequat leo quis, rhoncus nulla. In in consectetur quam. Aliquam rutrum mauris felis, nec bibendum lorem rhoncus at. Vestibulum.</p>",
+      "group": 2,
+      "updatedAt": "2023-03-27T10:53:15Z"
+    },
+    {
+      "id": 3,
+      "name": "Pinatodo",
+      "description":
+        "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla in purus bibendum auctor. Aliquam nec vestibulum erat, at tristique tortor. Vivamus id neque tortor. Integer sit amet mi aliquam, consequat leo quis, rhoncus nulla. In in consectetur quam. Aliquam rutrum mauris felis, nec bibendum lorem rhoncus at. Vestibulum.</p>",
+      "group": 2,
+      "updatedAt": "2022-08-16T13:52:24Z"
+    },
+    {
+      "id": 4,
+      "name": "Pinakatodo",
+      "description":
+        "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla in purus bibendum auctor. Aliquam nec vestibulum erat, at tristique tortor. Vivamus id neque tortor. Integer sit amet mi aliquam, consequat leo quis, rhoncus nulla. In in consectetur quam. Aliquam rutrum mauris felis, nec bibendum lorem rhoncus at. Vestibulum.</p>",
+      "group": 3,
+      "updatedAt": "2023-06-06T22:42:47Z"
+    }
+  ],
+  "Users": [
+    {"id": 1,"name" : "Kervy Cantos", "todoList": [1,2,3,4]}
+  ]
+}
diff --git a/packages/react-todo/index.html b/packages/react-todo/index.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>Todo App - FWD</title>
   </head>
-  <body>
+  <body class="bg-gray-200">
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>

diff --git a/packages/react-todo/package.json b/packages/react-todo/package.json
@@ -5,24 +5,33 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "server": "json-server --watch db.json",
     "build": "vite build",
     "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
     "prettier:format": "pnpm exec -- npx prettier --write .",
     "prettier:check": "pnpm exec -- npx prettier --check .",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "all": "npm-run-all --parallel dev server"
   },
   "dependencies": {
+    "moment": "^2.29.4",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.45.4",
+    "react-select": "^5.7.4"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react": "^4.0.3",
+    "autoprefixer": "^10.4.14",
     "eslint": "^8.45.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.27",
+    "tailwindcss": "^3.3.3",
     "vite": "^4.4.5"
   }
 }