Merge pull request #15 from ShinichiShi/Shinichi

basic templates

.github/workflows/lint.yaml

@@ -6,21 +6,46 @@ on:
       - main
 
 jobs:
-  lint:
+  client-lint:
+    name: Lint Client Code
     runs-on: ubuntu-latest
     continue-on-error: true
 
     steps:
     - name: Checkout code
-      uses: actions/checkout@v2
+      uses: actions/checkout@v3
 
     - name: Use Node.js 18.x
-      uses: actions/setup-node@v2
+      uses: actions/setup-node@v3
       with:
         node-version: 18.x
 
     - name: Install dependencies
+      working-directory: ./client
       run: npm install
 
     - name: Run ESLint
+      working-directory: ./client
       run: npm run lint
+
+  # server-lint:
+  #   name: Lint Server Code
+  #   runs-on: ubuntu-latest
+  #   continue-on-error: true
+
+  #   steps:
+  #   - name: Checkout code
+  #     uses: actions/checkout@v3
+
+  #   - name: Use Node.js 18.x
+  #     uses: actions/setup-node@v3
+  #     with:
+  #       node-version: 18.x
+
+  #   - name: Install dependencies
+  #     working-directory: ./server
+  #     run: npm install
+
+  #   - name: Run ESLint
+  #     working-directory: ./server
+  #     run: npm run lint

client/src/App.jsx → client/src/Landing.jsx

@@ -3,12 +3,12 @@ import reactLogo from './assets/react.svg';
 import viteLogo from '/vite.svg';
 import './App.css';
 
-function App() {
+function Landing() {
   const [count, setCount] = useState(0);
 
   return (
     <>
-      <div className="flex items-center justify-center">
+      <div className="flex items-center justify-center p-3">
         <a href="https://vitejs.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
@@ -32,4 +32,4 @@ function App() {
   );
 }
 
-export default App;
+export default Landing;

client/src/components/Buyer/Dashboard.jsx

@@ -0,0 +1,9 @@
+export default function Dashboard(){
+    return(
+        <>
+            <div>
+                Hello
+            </div>
+        </>
+    )
+}

client/src/main.jsx

@@ -1,10 +1,10 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import App from './App.jsx';
+import Landing from './Landing.jsx';
 import './index.css';
 
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    <App />
+    <Landing />
   </StrictMode>
 );