Web Interface Initialization & Jobs Page#95
Conversation
There was a problem hiding this comment.
Pull request overview
This PR introduces a new web-interface/ frontend application built with Vite + React, using TanStack Router file-based routing and Tailwind CSS for styling.
Changes:
- Adds Vite/TypeScript/ESLint/Prettier configuration and Bun tooling for the new web app.
- Implements TanStack Router setup with generated route tree and several starter routes.
- Adds initial UI components (Navbar, ThemeToggle, Header/Footer) and public assets/manifest.
Reviewed changes
Copilot reviewed 29 out of 34 changed files in this pull request and generated 12 comments.
Show a summary per file
| File | Description |
|---|---|
| web-interface/vite.config.ts | Vite config with TanStack router plugin, devtools, TS path support, Tailwind, React plugin. |
| web-interface/tsconfig.json | TypeScript compiler settings and path aliases for src/. |
| web-interface/package.json | App scripts, dependencies/devDependencies for Vite + React + TanStack + Tailwind + Vitest. |
| web-interface/src/main.tsx | Client entrypoint creating and providing the router. |
| web-interface/src/router.tsx | Alternate router factory + module augmentation (currently unused). |
| web-interface/src/routeTree.gen.ts | Generated TanStack Router route tree/types. |
| web-interface/src/routes/* | Starter route components for /, /about, /dashboard, /machines, /jobs, /profile, and root layout. |
| web-interface/src/components/* | Navbar + Theme toggle + template header/footer components. |
| web-interface/src/styles.css | Tailwind v4 directives and theme tokens / CSS variables (currently mostly commented). |
| web-interface/.prettierignore | Prettier ignore list (needs additions for generated/lock files). |
| web-interface/eslint.config.js | ESLint configuration based on @tanstack/eslint-config. |
| web-interface/README.md | Setup docs (currently describes TanStack Start features not present in deps). |
| web-interface/public/* | Manifest, robots, icons and favicon assets. |
| web-interface/.vscode/settings.json | Excludes generated route tree from watchers/search and marks it read-only. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 25 out of 30 changed files in this pull request and generated 12 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This is done because other pages such as the machines page will use the same style of card. So we extract JobCard to reduce code duplication.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 26 out of 31 changed files in this pull request and generated 9 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
This PR creates the new web interface project using React, TanStack Router, Tailwind CSS, and Bun. So far this PR includes all the required base pages and a completed
jobspage.Note that we have used sample data for now. These should be replaced with real API calls in the future.