7080d659eff002fbc4e17fdcdee0c532156b373e
- Implemented dialog-based forms for adding and editing Domains and Environments. - Added delete functionality for Domains and Environments with confirmation prompts. - Introduced EnvironmentDetailsPage to display details of selected environments and their linked domains. - Created EnvironmentDomainsPage for linking domains to environments. - Enhanced ServicesPage with dialog support for adding, editing, and viewing service details. - Updated TemplatesPage to manage templates with comprehensive form fields and validation. - Improved type definitions in portal.ts to support new features and ensure type safety.
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%
JavaScript
0.7%
HTML
0.2%
CSS
0.1%