- Implemented checkbox selection for multiple items in DeploymentRulesPage, DomainsPage, EnvironmentsPage, ServicesPage, TargetsPage, TemplateCategoriesPage, and TemplatesPage. - Added delete functionality for selected items with confirmation prompts. - Updated state management to handle selected IDs for batch operations. - Enhanced UI with a toolbar for actions related to selected items. - Adjusted API calls to accommodate changes in data structure, including deployment requests and job details.
Microsoft Self Service Portal Web
Separate React/TypeScript frontend for Microsoft.SelfService.Portal.Core.API.
Stack
- React
- TypeScript
- Vite
- Fluent UI React
- TanStack Query
- React Router
Setup
Start the API first:
cd F:\Projekte\Coding\.Net\Microsoft.SelfService.Portal.Core.API
$env:ASPNETCORE_ENVIRONMENT="Development"
dotnet run --launch-profile https
Then start the frontend:
npm install
npm run dev
The development server proxies /api calls to https://localhost:7260.
Adjust VITE_API_PROXY_TARGET in .env.local if the API runs on a different port.
Project Layout
src/
api/ HTTP client and API resource services
components/ Shared UI components
layout/ App shell and navigation
pages/ Route pages
styles/ Global styles
types/ Shared TypeScript types
Description
Languages
TypeScript
99.3%
JavaScript
0.5%
HTML
0.1%