- 
- 
- 
-
-
-
-
- Get started
-
- Edit src/App.tsx and save to test HMR
-
- Edit src/App.tsx and save to test HMR
-
Landing Page
+ + ); +}; diff --git a/frontend/src/config/api.config.ts b/frontend/src/config/api.config.ts new file mode 100644 index 0000000..fc9d0f3 --- /dev/null +++ b/frontend/src/config/api.config.ts @@ -0,0 +1,4 @@ +export const API_BASE = + (import.meta as any).env?.VITE_BACKEND_URL || + import.meta.env.VITE_BACKEND_URL || + "http://localhost:8004"; diff --git a/frontend/src/index.css b/frontend/src/index.css index 5fb3313..a461c50 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -1,111 +1 @@ -:root { - --text: #6b6375; - --text-h: #08060d; - --bg: #fff; - --border: #e5e4e7; - --code-bg: #f4f3ec; - --accent: #aa3bff; - --accent-bg: rgba(170, 59, 255, 0.1); - --accent-border: rgba(170, 59, 255, 0.5); - --social-bg: rgba(244, 243, 236, 0.5); - --shadow: - rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px; - - --sans: system-ui, 'Segoe UI', Roboto, sans-serif; - --heading: system-ui, 'Segoe UI', Roboto, sans-serif; - --mono: ui-monospace, Consolas, monospace; - - font: 18px/145% var(--sans); - letter-spacing: 0.18px; - color-scheme: light dark; - color: var(--text); - background: var(--bg); - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - @media (max-width: 1024px) { - font-size: 16px; - } -} - -@media (prefers-color-scheme: dark) { - :root { - --text: #9ca3af; - --text-h: #f3f4f6; - --bg: #16171d; - --border: #2e303a; - --code-bg: #1f2028; - --accent: #c084fc; - --accent-bg: rgba(192, 132, 252, 0.15); - --accent-border: rgba(192, 132, 252, 0.5); - --social-bg: rgba(47, 48, 58, 0.5); - --shadow: - rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px; - } - - #social .button-icon { - filter: invert(1) brightness(2); - } -} - -#root { - width: 1126px; - max-width: 100%; - margin: 0 auto; - text-align: center; - border-inline: 1px solid var(--border); - min-height: 100svh; - display: flex; - flex-direction: column; - box-sizing: border-box; -} - -body { - margin: 0; -} - -h1, -h2 { - font-family: var(--heading); - font-weight: 500; - color: var(--text-h); -} - -h1 { - font-size: 56px; - letter-spacing: -1.68px; - margin: 32px 0; - @media (max-width: 1024px) { - font-size: 36px; - margin: 20px 0; - } -} -h2 { - font-size: 24px; - line-height: 118%; - letter-spacing: -0.24px; - margin: 0 0 8px; - @media (max-width: 1024px) { - font-size: 20px; - } -} -p { - margin: 0; -} - -code, -.counter { - font-family: var(--mono); - display: inline-flex; - border-radius: 4px; - color: var(--text-h); -} - -code { - font-size: 15px; - line-height: 135%; - padding: 4px 8px; - background: var(--code-bg); -} +@import "tailwindcss"; \ No newline at end of file diff --git a/frontend/src/routeTree.gen.ts b/frontend/src/routeTree.gen.ts new file mode 100644 index 0000000..dfe1a17 --- /dev/null +++ b/frontend/src/routeTree.gen.ts @@ -0,0 +1,147 @@ +/* eslint-disable */ + +// @ts-nocheck + +// noinspection JSUnusedGlobalSymbols + +// This file was automatically generated by TanStack Router. +// You should NOT make any changes in this file as it will be overwritten. +// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified. + +import { Route as rootRouteImport } from './routes/__root' +import { Route as LoginRouteImport } from './routes/login' +import { Route as IndexRouteImport } from './routes/index' +import { Route as AppViewProductRouteImport } from './routes/app/view-product' +import { Route as AppInventoryRouteImport } from './routes/app/inventory' +import { Route as AppAddProductRouteImport } from './routes/app/add-product' + +const LoginRoute = LoginRouteImport.update({ + id: '/login', + path: '/login', + getParentRoute: () => rootRouteImport, +} as any) +const IndexRoute = IndexRouteImport.update({ + id: '/', + path: '/', + getParentRoute: () => rootRouteImport, +} as any) +const AppViewProductRoute = AppViewProductRouteImport.update({ + id: '/app/view-product', + path: '/app/view-product', + getParentRoute: () => rootRouteImport, +} as any) +const AppInventoryRoute = AppInventoryRouteImport.update({ + id: '/app/inventory', + path: '/app/inventory', + getParentRoute: () => rootRouteImport, +} as any) +const AppAddProductRoute = AppAddProductRouteImport.update({ + id: '/app/add-product', + path: '/app/add-product', + getParentRoute: () => rootRouteImport, +} as any) + +export interface FileRoutesByFullPath { + '/': typeof IndexRoute + '/login': typeof LoginRoute + '/app/add-product': typeof AppAddProductRoute + '/app/inventory': typeof AppInventoryRoute + '/app/view-product': typeof AppViewProductRoute +} +export interface FileRoutesByTo { + '/': typeof IndexRoute + '/login': typeof LoginRoute + '/app/add-product': typeof AppAddProductRoute + '/app/inventory': typeof AppInventoryRoute + '/app/view-product': typeof AppViewProductRoute +} +export interface FileRoutesById { + __root__: typeof rootRouteImport + '/': typeof IndexRoute + '/login': typeof LoginRoute + '/app/add-product': typeof AppAddProductRoute + '/app/inventory': typeof AppInventoryRoute + '/app/view-product': typeof AppViewProductRoute +} +export interface FileRouteTypes { + fileRoutesByFullPath: FileRoutesByFullPath + fullPaths: + | '/' + | '/login' + | '/app/add-product' + | '/app/inventory' + | '/app/view-product' + fileRoutesByTo: FileRoutesByTo + to: + | '/' + | '/login' + | '/app/add-product' + | '/app/inventory' + | '/app/view-product' + id: + | '__root__' + | '/' + | '/login' + | '/app/add-product' + | '/app/inventory' + | '/app/view-product' + fileRoutesById: FileRoutesById +} +export interface RootRouteChildren { + IndexRoute: typeof IndexRoute + LoginRoute: typeof LoginRoute + AppAddProductRoute: typeof AppAddProductRoute + AppInventoryRoute: typeof AppInventoryRoute + AppViewProductRoute: typeof AppViewProductRoute +} + +declare module '@tanstack/react-router' { + interface FileRoutesByPath { + '/login': { + id: '/login' + path: '/login' + fullPath: '/login' + preLoaderRoute: typeof LoginRouteImport + parentRoute: typeof rootRouteImport + } + '/': { + id: '/' + path: '/' + fullPath: '/' + preLoaderRoute: typeof IndexRouteImport + parentRoute: typeof rootRouteImport + } + '/app/view-product': { + id: '/app/view-product' + path: '/app/view-product' + fullPath: '/app/view-product' + preLoaderRoute: typeof AppViewProductRouteImport + parentRoute: typeof rootRouteImport + } + '/app/inventory': { + id: '/app/inventory' + path: '/app/inventory' + fullPath: '/app/inventory' + preLoaderRoute: typeof AppInventoryRouteImport + parentRoute: typeof rootRouteImport + } + '/app/add-product': { + id: '/app/add-product' + path: '/app/add-product' + fullPath: '/app/add-product' + preLoaderRoute: typeof AppAddProductRouteImport + parentRoute: typeof rootRouteImport + } + } +} + +const rootRouteChildren: RootRouteChildren = { + IndexRoute: IndexRoute, + LoginRoute: LoginRoute, + AppAddProductRoute: AppAddProductRoute, + AppInventoryRoute: AppInventoryRoute, + AppViewProductRoute: AppViewProductRoute, +} +export const routeTree = rootRouteImport + ._addFileChildren(rootRouteChildren) + ._addFileTypes
Connect with us
-Join the Vite community
---
-
-
- GitHub
-
-
- -
-
-
- Discord
-
-
- -
-
-
- X.com
-
-
- -
-
-
- Bluesky
-
-
-
-