Sign in

Developing Backend For Front End (BFF) — checklist/best practices

BFF sample architecture wrt Open APIs or traditional MVC apps

Taming the UX monster with SVG: my first encounter with custom SVG connectors and how you can excel it at too!

The Monster

  • I needed to make an interaction like above where user can select a node on LHS and connect with nodes on RHS.
  • There can be many-to-many relationship between these nodes.
  • User can chose to remove an existing connection.
  • All existing connections have to be plotted when page loads and auto-saved whenever user adds/remove a connection
  • The cherry on top was - filter! User can filter the nodes on LHS or RHS at anytime and the Connections have to show according to currently visible nodes
  • After sweating my fingers for few days and losing some hairs, the final outcome…

Application Insights using Azure and VueJs — Error handling and Event Logging in Front End to avoid Console.log in Production

  • Handle Errors gracefully in Front End and log them into a third party system (and not our own Back End / Database) which is available even when the Back End is…

Come to the verge of doing The thing you like the most and just don't do it. This will work as a Reference Point in later life when you are tempted to do something unproductive. If you could give up that, you can easily give up this.

eg. If you like ice cream very much, take it but don't eat it...melt it with your hard stare infact ;)


Javascript, Angular, Vue. Web App is all what I Do. And sometimes getting bored, i write articles and poems too!

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store