Add CSS and cleanup

Author: neberej

.gitignore

@@ -1,3 +1,5 @@
 node_modules
 .DS_Store
-dist
+dist
+coverage
+build

tests/setupTests.ts renamed to configs/setupTests.ts

@@ -0,0 +1,10 @@
+{
+	"extends": "../tsconfig",
+	"compilerOptions": {
+		"sourceMap": true
+	},
+	"exclude": [
+		"../**/*.test.tsx",
+		"../node_modules"
+	]
+}

configs/tsconfig.webpack.json

@@ -16,7 +16,7 @@ const config: Config = {
     ],
   },
   setupFilesAfterEnv: [
-    "<rootDir>/tests/setupTests.ts"
+    "<rootDir>/configs/setupTests.ts"
   ],
 };
 

jest.config.ts

@@ -19,6 +19,7 @@
     "dotenv": "^16.4.4",
     "eslint-plugin-react": "^7.33.2",
     "express": "^4.18.2",
+    "postcss-loader": "^8.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.22.0"
@@ -34,6 +35,7 @@
     "@types/react-dom": "^18.2.19",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
+    "autoprefixer": "^10.4.17",
     "copy-webpack-plugin": "^12.0.2",
     "css-loader": "^6.10.0",
     "eslint": "^8.56.0",
@@ -45,7 +47,9 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "nodemon": "^3.0.3",
+    "postcss": "^8.4.35",
     "style-loader": "^3.3.4",
+    "tailwindcss": "^3.4.1",
     "terser-webpack-plugin": "^5.3.10",
     "ts-jest": "^29.1.2",
     "ts-loader": "^9.5.1",

package.json

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