chore(docker-setup): dockerize the project (#13)

- update vite config
- set up docker

[Finishes #10]

package.json

@@ -46,6 +46,7 @@
     "tailwindcss": "^3.4.3",
     "typescript": "^5.2.2",
     "vite": "^5.2.0",
+    "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.6.0"
   }
 }

src/main.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App.tsx';
+import App from 'src/App.tsx';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(

tsconfig.json

@@ -6,6 +6,13 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
+     /*Configure TypeScript Paths*/
+
+    "baseUrl": "./",
+      "paths": {
+        "@src/*": ["src/*"],
+      },
+
     /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,

vite.config.ts

@@ -3,18 +3,24 @@
 
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import path from 'path';
 
-// https://vitejs.dev/config/
+// vite.config.ts
 export default defineConfig({
   plugins: [react()],
-  server: {
+  server:{
     host: true,
     strictPort: true,
-    port: 8080,
+    port: 8080
   },
   test: {
     globals: true,
     environment: 'jsdom',
     setupFiles: ['./src/__test__/setupTests.ts'],
   },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
 });