Repository files navigation

Preview:https://victorious-water-04353a503.2.azurestaticapps.net/

The Booking Admin application manage appointments for users. It is built using the React library and the Shopify Polaris design system. The application serves as the front-end layer that communicates with the back-end Booking API, providing seamless and user-friendly management of appointments, shifts, and user-related tasks.

npmrunbuild

This will install deps, download openapi.yml and generate the typesafe react-query hook, and start the dev server.

npminstallnpmrunfb-openapi//fetch and build openapinpmrundev

1. Running chromatic (storybook)
2. Validate that build works (in case any api generation failling for some reason)

1. Deploy Azure Static Web App

You need to configure vite to point to the api.

exportdefaultdefineConfig({server:{open:true,proxy:{"/api":{target:"http://localhost:7071/api",changeOrigin:true,secure:false,ws:false,rewrite:(path)=>path.replace(/^\/api/,""),},},},plugins:[react()],});

• How to convert openapi to use-query:https://xata.io/blog/openapi-typesafe-react-query-hooks

• Link an existing Azure Functions apphttps://learn.microsoft.com/en-us/azure/static-web-apps/functions-bring-your-own#link-an-existing-azure-functions-app