Project setup

package.json

@@ -30,26 +30,31 @@
   },
   "homepage": "https://github.com/chaoss/GitHub-Copilot-Hackathon-Project#readme",
   "dependencies": {
+    "flowbite": "1.7.0",
+    "flowbite-react": "0.5.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@vitejs/plugin-react": "^4.0.1",
+    "autoprefixer": "10.4.14",
     "eslint": "^8.44.0",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.1",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.1",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.3",
+    "postcss": "8.4.27",
     "stylelint": "^15.4.0",
     "stylelint-config-standard": "33.0.0",
     "stylelint-scss": "4.6.0",
+    "tailwindcss": "3.3.3",
     "vite": "^4.4.0"
   },
   "husky": {

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/App.jsx

@@ -1,5 +1,6 @@
+import "./index.css";
 function App() {
-  return <h1>Github Copilot Hackathon Project</h1>;
+  return <h1 className="text-3xl font-bold underline">Github Copilot Hacakthon Project</h1>;
 }
 
 export default App;

src/components/Card.jsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Card = () => {
+  return (
+    <div>Card</div>
+  )
+}
+
+export default Card

src/components/Projects.jsx

@@ -0,0 +1,10 @@
+/* eslint-disable no-unused-vars */
+import React from 'react'
+
+const Projects = () => {
+  return (
+    <div>Projects</div>
+  )
+}
+
+export default Projects

src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};