diff --git a/frontend/NodeJS/package-lock.json b/frontend/NodeJS/package-lock.json index ae2b2491..24a9b062 100644 --- a/frontend/NodeJS/package-lock.json +++ b/frontend/NodeJS/package-lock.json @@ -10,6 +10,11 @@ "dependencies": { "@clerk/clerk-react": "^5.21.0", "@coreui/react": "^5.4.1", + "@radix-ui/react-accordion": "^1.2.2", + "@radix-ui/react-checkbox": "^1.1.3", + "@radix-ui/react-navigation-menu": "^1.2.3", + "@radix-ui/react-slider": "^1.2.2", + "lucide-react": "^0.469.0", "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^7.1.1" @@ -1104,6 +1109,481 @@ "url": "https://opencollective.com/popperjs" } }, + "node_modules/@radix-ui/number": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz", + "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==", + "license": "MIT" + }, + "node_modules/@radix-ui/primitive": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", + "license": "MIT" + }, + "node_modules/@radix-ui/react-accordion": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.2.tgz", + "integrity": "sha512-b1oh54x4DMCdGsB4/7ahiSrViXxaBwRPotiZNnYXjLha9vfuURSAZErki6qjDoSIV0eXx5v57XnTGVtGwnfp2g==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-collapsible": "1.1.2", + "@radix-ui/react-collection": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-direction": "1.1.0", + "@radix-ui/react-id": "1.1.0", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-controllable-state": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-checkbox": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.3.tgz", + "integrity": "sha512-HD7/ocp8f1B3e6OHygH0n7ZKjONkhciy1Nh0yuBgObqThc3oyx+vuMfFHKAknXRHHWVE9XvXStxJFyjUmB8PIw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-presence": "1.1.2", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-controllable-state": "1.1.0", + "@radix-ui/react-use-previous": "1.1.0", + "@radix-ui/react-use-size": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-collapsible": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.2.tgz", + "integrity": "sha512-PliMB63vxz7vggcyq0IxNYk8vGDrLXVWw4+W4B8YnwI1s18x7YZYqlG9PLX7XxAJUi0g2DxP4XKJMFHh/iVh9A==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-id": "1.1.0", + "@radix-ui/react-presence": "1.1.2", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-controllable-state": "1.1.0", + "@radix-ui/react-use-layout-effect": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-collection": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz", + "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-slot": "1.1.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-compose-refs": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-context": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-direction": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz", + "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-dismissable-layer": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.3.tgz", + "integrity": "sha512-onrWn/72lQoEucDmJnr8uczSNTujT0vJnA/X5+3AkChVPowr8n1yvIKIabhWyMQeMvvmdpsvcyDqx3X1LEXCPg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-callback-ref": "1.1.0", + "@radix-ui/react-use-escape-keydown": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-id": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz", + "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-use-layout-effect": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-navigation-menu": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.3.tgz", + "integrity": "sha512-IQWAsQ7dsLIYDrn0WqPU+cdM7MONTv9nqrLVYoie3BPiabSfUVDe6Fr+oEt0Cofsr9ONDcDe9xhmJbL1Uq1yKg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-collection": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-direction": "1.1.0", + "@radix-ui/react-dismissable-layer": "1.1.3", + "@radix-ui/react-id": "1.1.0", + "@radix-ui/react-presence": "1.1.2", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-callback-ref": "1.1.0", + "@radix-ui/react-use-controllable-state": "1.1.0", + "@radix-ui/react-use-layout-effect": "1.1.0", + "@radix-ui/react-use-previous": "1.1.0", + "@radix-ui/react-visually-hidden": "1.1.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-presence": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz", + "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-use-layout-effect": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-primitive": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-slot": "1.1.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-slider": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.2.2.tgz", + "integrity": "sha512-sNlU06ii1/ZcbHf8I9En54ZPW0Vil/yPVg4vQMcFNjrIx51jsHbFl1HYHQvCIWJSr1q0ZmA+iIs/ZTv8h7HHSA==", + "license": "MIT", + "dependencies": { + "@radix-ui/number": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-collection": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-direction": "1.1.0", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-use-controllable-state": "1.1.0", + "@radix-ui/react-use-layout-effect": "1.1.0", + "@radix-ui/react-use-previous": "1.1.0", + "@radix-ui/react-use-size": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-slot": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-compose-refs": "1.1.1" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-callback-ref": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz", + "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-controllable-state": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz", + "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-use-callback-ref": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-escape-keydown": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz", + "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-use-callback-ref": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-layout-effect": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz", + "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-previous": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz", + "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-use-size": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz", + "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-use-layout-effect": "1.1.0" + }, + "peerDependencies": { + "@types/react": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@radix-ui/react-visually-hidden": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.1.tgz", + "integrity": "sha512-vVfA2IZ9q/J+gEamvj761Oq1FpWgCDaNOOIfbPVp2MVPLEomUr5+Vf7kJGwQ24YxZSlQVar7Bes8kyTo5Dshpg==", + "license": "MIT", + "dependencies": { + "@radix-ui/react-primitive": "2.0.1" + }, + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + }, + "@types/react-dom": { + "optional": true + } + } + }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.29.1", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.29.1.tgz", @@ -1439,13 +1919,13 @@ "version": "15.7.11", "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==", - "dev": true + "devOptional": true }, "node_modules/@types/react": { "version": "18.3.18", "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.18.tgz", "integrity": "sha512-t4yC+vtgnkYjNSKlFx1jkAhH8LgTo2N/7Qvi83kdEaUtMDiwpbLAktKDaAMlRcJ5eSxZkH74eEGt1ky31d7kfQ==", - "dev": true, + "devOptional": true, "license": "MIT", "dependencies": { "@types/prop-types": "*", @@ -1456,7 +1936,7 @@ "version": "18.3.5", "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.5.tgz", "integrity": "sha512-P4t6saawp+b/dFrUr2cvkVsfvPguwsxtH6dNIYRllMsefqFzkZk5UIjzyDOv5g1dXIPdG4Sp1yCR4Z6RCUsG/Q==", - "dev": true, + "devOptional": true, "license": "MIT", "peerDependencies": { "@types/react": "^18.0.0" @@ -1900,7 +2380,7 @@ "version": "3.1.3", "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", - "dev": true + "devOptional": true }, "node_modules/data-view-buffer": { "version": "1.0.2", @@ -3476,6 +3956,15 @@ "yallist": "^3.0.2" } }, + "node_modules/lucide-react": { + "version": "0.469.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.469.0.tgz", + "integrity": "sha512-28vvUnnKQ/dBwiCQtwJw7QauYnE7yd2Cyp4tTTJpvglX4EMpbflcdBgrgToX2j71B3YvugK/NH3BGUk+E/p/Fw==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/math-intrinsics": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", diff --git a/frontend/NodeJS/package.json b/frontend/NodeJS/package.json index ef01d4c0..21bf0b44 100644 --- a/frontend/NodeJS/package.json +++ b/frontend/NodeJS/package.json @@ -12,6 +12,11 @@ "dependencies": { "@clerk/clerk-react": "^5.21.0", "@coreui/react": "^5.4.1", + "@radix-ui/react-accordion": "^1.2.2", + "@radix-ui/react-checkbox": "^1.1.3", + "@radix-ui/react-navigation-menu": "^1.2.3", + "@radix-ui/react-slider": "^1.2.2", + "lucide-react": "^0.469.0", "react": "^18.3.1", "react-dom": "^18.3.1", "react-router-dom": "^7.1.1" diff --git a/frontend/NodeJS/src/App.css b/frontend/NodeJS/src/App.css index 74ca3991..3cc1470f 100644 --- a/frontend/NodeJS/src/App.css +++ b/frontend/NodeJS/src/App.css @@ -10,7 +10,7 @@ body { } .header { - padding: 20px; + padding: 30px; background-color: #6c3483; } diff --git a/frontend/NodeJS/src/App.jsx b/frontend/NodeJS/src/App.jsx index b0bf80b1..92afac10 100644 --- a/frontend/NodeJS/src/App.jsx +++ b/frontend/NodeJS/src/App.jsx @@ -1,19 +1,11 @@ -import React from 'react'; -import Navbar from './components/Navbar'; -import Sidebar from './components/Sidebar'; -import Home from './Home'; -import './App.css'; +import React from "react"; +import ReactDOM from "react-dom"; +import App from "./App"; +import "./index.css"; -const App = () => { - return ( -
- -
- - -
-
- ); -}; - -export default App; +ReactDOM.render( + + + , + document.getElementById("root") +); \ No newline at end of file diff --git a/frontend/NodeJS/src/Header.css b/frontend/NodeJS/src/Header.css deleted file mode 100644 index 5d55dc5a..00000000 --- a/frontend/NodeJS/src/Header.css +++ /dev/null @@ -1,47 +0,0 @@ -/* Стили для Header */ -.header { - background-color: #da1eff; /* Голубой цвет фона */ - color: #ffffff; /* Белый цвет текста */ - display: flex; - justify-content: space-between; - align-items: center; - padding: 20px 100px; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); - } - - .logo { - font-size: 36px; - font-weight: bold; - - } - - .project-name { - margin: 0; - font-family: 'Calibri', sans-serif; - } - - .nav { - font-family: 'Calibri', sans-serif; - } - - .nav-links { - display: flex; - list-style-type: none; - gap: 20px; - } - - .nav-links li { - margin: 0; - } - - .nav-links a { - color: #ffffff; - text-decoration: none; - font-size: 18px; - transition: color 0.3s; - } - - .nav-links a:hover { - color: #f0f8ff; /* Светлый голубой цвет при наведении */ - } - \ No newline at end of file diff --git a/frontend/NodeJS/src/Header.jsx b/frontend/NodeJS/src/Header.jsx deleted file mode 100644 index 66d6592c..00000000 --- a/frontend/NodeJS/src/Header.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; -import "./Header.css"; // Подключаем стили для Header - -const Header = () => { - return ( -
-
-

Eternos

-
- -
- ); -}; - -export default Header; diff --git a/frontend/NodeJS/src/Home.css b/frontend/NodeJS/src/Home.css deleted file mode 100644 index ec0d5e93..00000000 --- a/frontend/NodeJS/src/Home.css +++ /dev/null @@ -1,16 +0,0 @@ -.home { - padding: 2rem; - } - - .home-title { - font-size: 2rem; - margin-bottom: 2rem; - text-align: center; - } - - .product-grid { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); - gap: 1rem; - } - \ No newline at end of file diff --git a/frontend/NodeJS/src/Home.jsx b/frontend/NodeJS/src/Home.jsx deleted file mode 100644 index d3d3b011..00000000 --- a/frontend/NodeJS/src/Home.jsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from "react"; -import ProductCard from "./components/ProductCard"; - -const Home = () => { - const products = [ - { id: 1, name: "Product 1", price: 50, image: "https://via.placeholder.com/150" }, - { id: 2, name: "Product 2", price: 75, image: "https://via.placeholder.com/150" }, - { id: 3, name: "Product 3", price: 100, image: "https://via.placeholder.com/150" }, - ]; - - return ( -
-

Welcome to Eternos

-
- {products.map((product) => ( - - ))} -
-
- ); -}; - -export default Home; diff --git a/frontend/NodeJS/src/components/Navbar.css b/frontend/NodeJS/src/components/Navbar.css deleted file mode 100644 index 716d4779..00000000 --- a/frontend/NodeJS/src/components/Navbar.css +++ /dev/null @@ -1,141 +0,0 @@ -.navbar { - font-family: Arial, sans-serif; - background-color: #f8f8f8; - border-bottom: 1px solid #ddd; -} - -.navbar-main { - display: flex; - align-items: center; - padding: 10px 20px; -} - -.logo img { - height: 30px; -} - -.catalog-button { - background-color: #0073e6; - color: white; - border: none; - padding: 5px 10px; - margin-left: 20px; - cursor: pointer; - border-radius: 5px; -} - -.search-bar { - display: flex; - flex-grow: 1; - margin-left: 20px; -} - -.search-bar select, -.search-bar input { - border-radius: 5px; padding: 5px; - border: 1px solid #ddd; -} - -.search-bar input { - border-radius: 5px; - flex-grow: 1; - margin-left: 5px; -} - -.search-button { - border-radius: 5px; - background-color: #0073e6; - color: white; - border: none; - padding: 5px 10px; - cursor: pointer; -} - -.personal-doc-button { - background-color: #0073e6; - color: white; - border: none; - padding: 5px 15px; - margin-left: 20px; - border-radius: 5px; - cursor: pointer; -} - -.navbar-bottom { - display: flex; - justify-content: space-around; - padding: 10px; - font-size: 14px; - background-color: #fff; -} - -.navbar-bottom a { - text-decoration: none; - color: #0073e6; -} - - - -/* Адаптация для мобильных устройств */ -@media (max-width: 768px) { - .navbar-main { - flex-direction: column; - align-items: flex-start; - padding: 10px; - } - - .logo { - margin-bottom: 10px; - } - - .catalog-button { - width: 100%; - text-align: center; - margin: 0; - margin-bottom: 10px; - } - - .search-bar { - width: 100%; - flex-direction: column; - } - - .search-bar select, - .search-bar input, - .search-button { - width: 100%; - margin: 5px 0; - } - - .personal-doc-button { - width: 100%; - margin: 10px 0; - } - - .navbar-bottom { - flex-wrap: wrap; - justify-content: flex-start; - } - - .navbar-bottom a { - margin: 5px; - font-size: 12px; - } -} - -/* Адаптация для очень маленьких экранов (например, телефоны) */ -@media (max-width: 480px) { - .navbar-main { - align-items: center; - } - - .search-bar select { - display: none; /* Убираем селектор "Везде" для упрощения */ - } - - .navbar-bottom a { - flex: 1 1 100%; /* Каждая ссылка занимает всю ширину */ - text-align: center; - } -} - diff --git a/frontend/NodeJS/src/components/Navbar.jsx b/frontend/NodeJS/src/components/Navbar.jsx deleted file mode 100644 index ca5e3e27..00000000 --- a/frontend/NodeJS/src/components/Navbar.jsx +++ /dev/null @@ -1,57 +0,0 @@ -import React, { useState } from "react"; -import "./Navbar.css"; -import Sidebar from "./Sidebar"; - -const Navbar = () => { - const [isSidebarVisible, setIsSidebarVisible] = useState(false); - const [searchQuery, setSearchQuery] = useState(""); - - const toggleSidebar = () => { - // Открывать Sidebar только если пользователь ввел текст - if (searchQuery.trim() !== "") { - setIsSidebarVisible(!isSidebarVisible); - } else { - alert("Пожалуйста, введите текст для поиска."); - } - }; - - const handleSearchChange = (e) => { - setSearchQuery(e.target.value); - }; - - return ( -
- - - {isSidebarVisible && ( -
- -
- )} -
- ); -}; - -export default Navbar; diff --git a/frontend/NodeJS/src/components/ProductCard.css b/frontend/NodeJS/src/components/ProductCard.css deleted file mode 100644 index c92db03f..00000000 --- a/frontend/NodeJS/src/components/ProductCard.css +++ /dev/null @@ -1,33 +0,0 @@ -.product-card { - border: 1px solid #d1d5db; - border-radius: 10px; - padding: 1rem; - text-align: center; - background-color: #ffffff; -} - -.product-image { - width: 100%; - height: 200px; - object-fit: cover; - border-radius: 5px; -} - -.product-title { - font-size: 1.2rem; - margin: 1rem 0; -} - -.product-price { - font-size: 1rem; - color: #4ade80; -} - -.add-to-cart-btn { - background-color: #1e3a8a; - color: white; - border: none; - padding: 0.5rem 1rem; - border-radius: 5px; - cursor: pointer; -} diff --git a/frontend/NodeJS/src/components/ProductCard.jsx b/frontend/NodeJS/src/components/ProductCard.jsx deleted file mode 100644 index 2c745523..00000000 --- a/frontend/NodeJS/src/components/ProductCard.jsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from "react"; -import "./ProductCard.css"; - -const ProductCard = ({ product }) => { - return ( -
- {product.name} -

{product.name}

-

${product.price}

- -
- ); -}; - -export default ProductCard; diff --git a/frontend/NodeJS/src/components/Sidebar.css b/frontend/NodeJS/src/components/Sidebar.css deleted file mode 100644 index 41980835..00000000 --- a/frontend/NodeJS/src/components/Sidebar.css +++ /dev/null @@ -1,82 +0,0 @@ -.sidebar { - width: 300px; - background-color: #ffffff; - padding: 20px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - border-radius: 0; - font-family: Arial, sans-serif; -} - -.sidebar h2 { - font-size: 1.5rem; - margin-bottom: 20px; -} - -.filter-section { - margin-bottom: 20px; -} - -.filter-section h3 { - font-size: 1.2rem; - margin-bottom: 10px; -} - -.price-inputs input { - width: 45%; - padding: 5px; - margin-right: 10px; - border: 1px solid #ccc; - border-radius: 5px; -} - -.price-categories label, -.filter-section label { - display: block; - margin-bottom: 5px; - font-size: 1rem; -} - -label.switch { - position: relative; - display: inline-block; - width: 40px; - height: 20px; -} - -label.switch input { - opacity: 0; - width: 0; - height: 0; -} - -label.switch .slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #ccc; - border-radius: 34px; - transition: 0.4s; -} - -label.switch .slider:before { - position: absolute; - content: ""; - height: 14px; - width: 14px; - left: 3px; - bottom: 3px; - background-color: white; - border-radius: 50%; - transition: 0.4s; -} - -label.switch input:checked + .slider { - background-color: #0073e6; -} - -label.switch input:checked + .slider:before { - transform: translateX(20px); -} diff --git a/frontend/NodeJS/src/components/Sidebar.jsx b/frontend/NodeJS/src/components/Sidebar.jsx deleted file mode 100644 index 810ab3b0..00000000 --- a/frontend/NodeJS/src/components/Sidebar.jsx +++ /dev/null @@ -1,100 +0,0 @@ -import React, { useState } from "react"; -import "./Sidebar.css"; - -const Sidebar = () => { - const [priceRange, setPriceRange] = useState({ min: 0, max: 25000 }); - const [selectedPriceCategory, setSelectedPriceCategory] = useState("any"); - const [isOriginal, setIsOriginal] = useState(false); - const [teaSort, setTeaSort] = useState(""); - - const handlePriceRangeChange = (e) => { - const { name, value } = e.target; - setPriceRange((prev) => ({ - ...prev, - [name]: value, - })); - }; - - return ( -
-

Фильтры

- -
-

Рассрочка 0-0-6

- -
- -
-

Цена

-
- - -
-
- {["до 500 ₽", "500–1 000 ₽", "1 000–2 000 ₽", "2 000 ₽ и дороже", "Неважно"].map( - (category, index) => ( - - ) - )} -
-
- -
-

Оригинальный товар

- -
- -
-

Сорт чая

- {["Матча", "Сенча", "Улун", "Черный чай"].map((sort) => ( - - ))} -
-
- ); -}; - -export default Sidebar; diff --git a/frontend/NodeJS/src/index.css b/frontend/NodeJS/src/index.css index 10db301a..4b9ba6dc 100644 --- a/frontend/NodeJS/src/index.css +++ b/frontend/NodeJS/src/index.css @@ -1,70 +1,13 @@ body { - margin: 0; - font-family: Arial, sans-serif; - background: linear-gradient(135deg, #8e44ad, #ffffff); - color: #333; -} - -.products-page { - padding: 20px; - text-align: center; -} - -.page-title { - font-size: 2.5rem; - color: #6c3483; - margin-bottom: 20px; -} - -.products-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: 20px; - padding: 0 20px; -} - -.product-card { - background-color: #ffffff; - border-radius: 8px; - box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); - padding: 20px; - text-align: center; - transition: transform 0.2s, box-shadow 0.2s; -} - -.product-card:hover { - transform: translateY(-5px); - box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); -} - -.product-image { - max-width: 100%; - border-radius: 8px; -} - -.product-name { - font-size: 1.5rem; - color: #6c3483; - margin: 10px 0; -} - -.product-price { - font-size: 1.2rem; - color: #8e44ad; - margin: 5px 0; -} - -.product-button { - background-color: #8e44ad; - color: #ffffff; - border: none; - padding: 10px 20px; - border-radius: 5px; - font-size: 1rem; - cursor: pointer; - transition: background-color 0.2s; -} - -.product-button:hover { - background-color: #6c3483; -} + margin: 0; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', + sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + code { + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + monospace; + } \ No newline at end of file diff --git a/frontend/NodeJS/src/main.jsx b/frontend/NodeJS/src/main.jsx index d2cff4ac..92afac10 100644 --- a/frontend/NodeJS/src/main.jsx +++ b/frontend/NodeJS/src/main.jsx @@ -1,11 +1,11 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import App from './App'; -import './index.css'; +import React from "react"; +import ReactDOM from "react-dom"; +import App from "./App"; +import "./index.css"; ReactDOM.render( , - document.getElementById('root') -); + document.getElementById("root") +); \ No newline at end of file diff --git a/frontend/style/.eslintrc.json b/frontend/style/.eslintrc.json new file mode 100644 index 00000000..37224185 --- /dev/null +++ b/frontend/style/.eslintrc.json @@ -0,0 +1,3 @@ +{ + "extends": ["next/core-web-vitals", "next/typescript"] +} diff --git a/frontend/style/.gitignore b/frontend/style/.gitignore new file mode 100644 index 00000000..fd3dbb57 --- /dev/null +++ b/frontend/style/.gitignore @@ -0,0 +1,36 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.js +.yarn/install-state.gz + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# local env files +.env*.local + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/frontend/style/README.md b/frontend/style/README.md new file mode 100644 index 00000000..e215bc4c --- /dev/null +++ b/frontend/style/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/frontend/style/app/cart/page.tsx b/frontend/style/app/cart/page.tsx new file mode 100644 index 00000000..fdcd2174 --- /dev/null +++ b/frontend/style/app/cart/page.tsx @@ -0,0 +1,24 @@ +import { CartItems } from "@/components/cart-items" +import { CartSummary } from "@/components/cart-summary" + +export default function CartPage() { + return ( +
+
+
+
+

Корзина

+ +
+ +
+
+ +
+
+
+ ) +} + diff --git a/frontend/style/app/favicon.ico b/frontend/style/app/favicon.ico new file mode 100644 index 00000000..718d6fea Binary files /dev/null and b/frontend/style/app/favicon.ico differ diff --git a/frontend/style/app/fonts/GeistMonoVF.woff b/frontend/style/app/fonts/GeistMonoVF.woff new file mode 100644 index 00000000..f2ae185c Binary files /dev/null and b/frontend/style/app/fonts/GeistMonoVF.woff differ diff --git a/frontend/style/app/fonts/GeistVF.woff b/frontend/style/app/fonts/GeistVF.woff new file mode 100644 index 00000000..1b62daac Binary files /dev/null and b/frontend/style/app/fonts/GeistVF.woff differ diff --git a/frontend/style/app/globals.css b/frontend/style/app/globals.css new file mode 100644 index 00000000..1dcb0fc6 --- /dev/null +++ b/frontend/style/app/globals.css @@ -0,0 +1,78 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +body { + font-family: Arial, Helvetica, sans-serif; +} + +@layer utilities { + .text-balance { + text-wrap: balance; + } +} + +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 0 0% 3.9%; + --card: 0 0% 100%; + --card-foreground: 0 0% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 0 0% 3.9%; + --primary: 0 0% 9%; + --primary-foreground: 0 0% 98%; + --secondary: 0 0% 96.1%; + --secondary-foreground: 0 0% 9%; + --muted: 0 0% 96.1%; + --muted-foreground: 0 0% 45.1%; + --accent: 0 0% 96.1%; + --accent-foreground: 0 0% 9%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 89.8%; + --input: 0 0% 89.8%; + --ring: 0 0% 3.9%; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; + --radius: 0.5rem; + } + .dark { + --background: 0 0% 3.9%; + --foreground: 0 0% 98%; + --card: 0 0% 3.9%; + --card-foreground: 0 0% 98%; + --popover: 0 0% 3.9%; + --popover-foreground: 0 0% 98%; + --primary: 0 0% 98%; + --primary-foreground: 0 0% 9%; + --secondary: 0 0% 14.9%; + --secondary-foreground: 0 0% 98%; + --muted: 0 0% 14.9%; + --muted-foreground: 0 0% 63.9%; + --accent: 0 0% 14.9%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 0% 98%; + --border: 0 0% 14.9%; + --input: 0 0% 14.9%; + --ring: 0 0% 83.1%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; + } +} + +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } +} diff --git a/frontend/style/app/layout.tsx b/frontend/style/app/layout.tsx new file mode 100644 index 00000000..a36cde01 --- /dev/null +++ b/frontend/style/app/layout.tsx @@ -0,0 +1,35 @@ +import type { Metadata } from "next"; +import localFont from "next/font/local"; +import "./globals.css"; + +const geistSans = localFont({ + src: "./fonts/GeistVF.woff", + variable: "--font-geist-sans", + weight: "100 900", +}); +const geistMono = localFont({ + src: "./fonts/GeistMonoVF.woff", + variable: "--font-geist-mono", + weight: "100 900", +}); + +export const metadata: Metadata = { + title: "Create Next App", + description: "Generated by create next app", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + {children} + + + ); +} diff --git a/frontend/style/app/page.tsx b/frontend/style/app/page.tsx new file mode 100644 index 00000000..835789de --- /dev/null +++ b/frontend/style/app/page.tsx @@ -0,0 +1,28 @@ +import { ProductGrid } from "@/components/product-grid" +import { Header } from "@/components/header" + +import { Banner } from "@/components/banner" +import { ProductFilters } from "@/components/product-filters" +import { Footer } from "@/components/footer" + +export default function HomePage() { + return ( + <> + +
+
+ + +
+ +
+

Специальные предложения!

+ +
+
+
+