Draft/competent shadow

.babelrc

@@ -1,3 +1,16 @@
+
 {
-  "presets": ["@babel/preset-env"]
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    [
+      "@babel/plugin-proposal-decorators",
+      {
+        "legacy": true
+      }
+    ],
+    "@babel/plugin-proposal-export-default-from"
+  ]
 }

.codesandbox/tasks.json

@@ -0,0 +1,22 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [
+    {
+      "command": "pnpm install",
+      "name": "Installing Dependencies"
+    }
+  ],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {
+    "start": {
+      "name": "start",
+      "command": "pnpm start"
+    },
+    "dev": {
+      "name": "dev",
+      "command": "pnpm dev",
+      "runAtStart": true
+    }
+  }
+}

.gitignore

@@ -5,4 +5,6 @@ node_modules
 .env.development.local
 .env.test.local
 .env.production.local
-package-lock.json
+package-lock.json
+# Local Netlify folder
+.netlify

.idx/App.css

@@ -0,0 +1,14 @@
+@import "tailwindcss";
+import './App.css';
+import SideBar from ".SideBar";
+import 
+function App () {
+    return (
+        <div className ="flex text-center text-green-500 font-bold ">
+            Hallo custumer/member
+            </p>
+            </div>
+
+    );
+}
+export default App;

.idx/App.jsx

@@ -0,0 +1,10 @@
+export const App = () => {
+
+    return (
+      <>
+        <h1>happy-thoughts-api
+        </h1>
+      </>
+    );
+  };
+

.idx/SideBar.js

@@ -0,0 +1,37 @@
+import { BsPlus, BsFillLIghtningFill, BsGearFill } from react-icons/fa';
+import { FaFire, FaPoo} from 'react-icons/fa';
+const SideBar = () => {
+    return {
+        <div className="fixed top-0 left-0 h-screen w-16 m-0">
+        flex flex-col">
+        bg-gray-900 text-white shadow-lg">
+        <i>A</i>
+        <i>B</i>
+        <i>C</i>
+        <i<D</i>
+        <i>E</i>
+<SideBarIcon icon ={<FaFire size = "28"/} />
+<SideBarIcon = {<BsPlus size = "32"/>}}
+<SideBarIcon = <BsFillLightningFillsize="20"/}/>
+<SideBarIcon = <FaPoo size = "20" />}/>
+        </div>
+    };
+};
+const SideBarIcon = ({icon,text='tooltip'})=> ();
+<div className = "sidebar-icon group">
+{icon}
+<span class = "sidebar-tooltip group-hover:scale-100">
+    {text}
+</span>
+</div>
+};
+
+constSideBar =()=> {
+    return(
+        <div className= "fixed" top-0 left-0h-screen w-16 m-0
+        flex flex-col
+        bg-gray-100 text-gray-900
+        dark:bg-gray-900 dark:text-white></div>
+    )
+}
+export default SideBar

.idx/backend/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}