Xelflow Server
De voorbeelden
Van idee tot een professionele website op Azure.
zonder backend complexiteit,
zorgen over
deployment en
zorgen over security.
Rittenregistratie
Omschrijving
Een simpele PWA website om ritten te registreren.
Dit was een ideale eerste app om te testen of Xelflow Server werkte. De flows bestaan alleen uit QueryDatabase en SendMessageToUser steps.
De gebruiker moet zich registreren en inloggen.
De website heeft een form om een rit te registreren en een overzicht van alle ritten.
En een form om profiel en auto gegevens te beheren.
Tables
De app heeft 2 extra tabellen: Drives en Cars.
Flows
Voor de app zijn de volgende extra flows gedefinieerd:
- GetRecentDrivesFlow: Haal de recente ritten op.
- GetDriveLocationsFlow: Haal de locaties van de ritten op.
- RegisterDriveFlow: Register een rit.
- UpdateDriveFlow: Update een rit.
- SaveCarFlow: Sla auto gegevens op.
- GetCarFlow: Haal een auto op.
Source
De app is gemaakt met HTML, CSS en JavaScript, geen framework.
Link
Registreer een rit
Xelflow
Omschrijving
Deze website is natuurlijk ook gemaakt met Xelflow Server.
Deze website heeft 3 formulieren waarvoor een flow gemaakt is:
- Nieuwsbrief aanmelden
- Nieuwsbrief afmelden
- Contactformulier
De formulieren staan de gegevens op in de database en sturen een e-mail naar de beheerder. Voor het versturen van e-mails is een authenticatie definitie gemaakt. Voor Xelflow.com is de Xelflow Admin Panel verder uitgebreidt. Zo is er een flow gemaakt voor het registreren van hoelang een SSE connectie open is.
Tables
De app heeft 2 extra tabellen: Messages en NewsSubscriptions.
Flows
Voor de app zijn de volgende extra flows gedefinieerd:
- SaveMessageFlow: Sla contactformulier op en stuur een e-mail.
- SaveNewsSubscriptionFlow: Sla nieuwsbrief aanmelding op en stuur een e-mail.
- UnsubscribeNewsFlow: Verwijder nieuwsbrief aanmelding.
Source
De app is gemaakt met HTML, CSS en JavaScript, geen framework.
Link
Xelflow
Wimmen
Omschrijving
Heb mijn eigen website ook verplaatst naar Xelflow Server. De website heeft eigenlijk geen server nodig, maar wilde experimenteren met een AI Chat client die ik hier heb toegevoegd.
Tables
De app heeft geen extra tabellen.
Flows
Voor de app zijn de volgende extra flows gedefinieerd:
- AIAgentFlow: Met 2 stappen: AddToContext stap voor het toevoegen van de system prompt en de user prompt. En een HttpsAction stap voor het aanroepen van de OpenRouter Streaming API.
- AIChunk: Voor elke chunk van de AI response wordt een AIChunk flow aangeroepen. Deze verstuurt de chunk naar de client via SSE.
Source
De app is gemaakt met HTML, CSS en JavaScript, geen framework.
Link
Wimmen
Schakendsliedrecht
Omschrijving
De eerste 'echte' app, met gebruikers.
De website van Schaakvereniging Sliedrecht is een standaard Wordpress website.
De Schakendsliedrecht app voegt hier een mobiele PWA app aan toe die een pushnotificatie kan sturen als er een nieuw artikel is geplaatst op de website.
De app laat de laatste artikelen zien met link naar de website voor meer info. In de toekomst zal deze app worden uitgebreidt met meer functionaliteiten.
Voor Xelflow betekend deze app, een event api endpoint voor externe applicaties met api key beveiliging en een extra flow step type: SendNotification. Verder is dit eerste app gemaakt met een framework.
Tables
De app heeft 1 extra tabel: PushSubscriptions.
Flows
Voor de app zijn de volgende extra flows gedefinieerd:
- SaveSubscriptionFlow: Sla Subscriptions op.
- NewArticleFlow: Aangeroepen door de Wordpress website, stuurt een notificatie naar subscribers
Source
De app is gemaakt met het Angular framework
Schakend Sliedrecht