Fullstack task

fullstack/task/.yarnrc.yml

@@ -1,23 +1,24 @@
-nodeLinker: pnp
+# NOTE: Have an issues with pnp on current machine, so I'm using classic mode
+nodeLinker: node-modules
+
+packageExtensions:
+  babel-plugin-styled-components@2.1.4:
+    peerDependencies:
+      "@babel/core": ^7.0.0-0
+  styled-components@5.3.9:
+    peerDependencies:
+      "@babel/core": ^7.0.0-0
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
-
-yarnPath: .yarn/releases/yarn-3.2.3.cjs
+    spec: "@yarnpkg/plugin-workspace-tools"
 
 supportedArchitectures:
   os:
-    - 'current'
-    - 'darwin'
-    - 'linux'
-    - 'win32'
-    - 'arm64'
+    - current
+    - darwin
+    - linux
+    - win32
+    - arm64
 
-packageExtensions:
-  "babel-plugin-styled-components@2.1.4":
-    peerDependencies:
-      "@babel/core": "^7.0.0-0"
-  "styled-components@5.3.9":
-    peerDependencies:
-      "@babel/core": "^7.0.0-0"
+yarnPath: .yarn/releases/yarn-3.2.3.cjs

fullstack/task/package.json

@@ -11,7 +11,9 @@
         "codecheck:fix": "yarn nx run-many --target codecheck --configuration fix --all"
     },
     "dependencies": {
+        "@nestjs/axios": "^4.0.0",
         "@types/jest": "28.1.8",
+        "axios": "^1.7.9",
         "eslint": "8.24.0",
         "jest": "28.1.3",
         "prettier": "2.7.1",

fullstack/task/packages/client/package.json

@@ -4,13 +4,17 @@
     "version": "1.0.0",
     "dependencies": {
         "@apollo/client": "3.7.10",
+        "autoprefixer": "^10.4.20",
         "graphql": "16.6.0",
         "graphql-tag": "2.12.6",
         "graphql-ws": "5.12.0",
+        "lucide-react": "^0.473.0",
+        "postcss": "^8.5.1",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-is": "18.2.0",
         "styled-components": "5.3.9",
+        "tailwindcss": "^3.4.17",
         "vite-tsconfig-paths": "^4.0.7"
     },
     "devDependencies": {

fullstack/task/packages/client/postcss.config.js

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

fullstack/task/packages/client/src/App.tsx

@@ -1,5 +1,29 @@
-function App() {
-    return <p>TODO</p>;
+import type React from "react"
+import { CurrencyRateList } from "./components/CurrencyRateList/CurrencyRateList"
+import { ThemeSwitcher } from "./components/ThemeSwitcher/ThemeSwitcher"
+import { CurrentDate } from "./components/CurrentDate/CurrentDate"
+import { ThemeProvider } from "./context/ThemeContext"
+import "./global.css"
+
+const App: React.FC = () => {
+    return (
+        <ThemeProvider>
+            <div className="min-h-screen bg-gray-100 dark:bg-gray-900 transition-colors duration-200">
+                <div className="container mx-auto px-4 py-8">
+                    <header className="flex flex-col sm:flex-row justify-between items-center mb-8 space-y-4 sm:space-y-0">
+                        <h1 className="text-3xl font-bold text-gray-800 dark:text-gray-200">Czech National Bank Currency Rates</h1>
+                        <div className="flex items-center space-x-4">
+                            <CurrentDate />
+                            <ThemeSwitcher />
+                        </div>
+                    </header>
+                    <main className="bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 transition-colors duration-200">
+                        <CurrencyRateList />
+                    </main>
+                </div>
+            </div>
+        </ThemeProvider>
+    )
 }
 
-export default App;
+export default App