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