Building A Flutter Native App with Wix Velo for Local Covid Hospital and Oxygen Tracking

Building A Flutter Native App with Wix Velo for Local Covid Hospital and Oxygen Tracking

Three app connected with Wix Collection via Velo, all working in sync with Wix Website. Enters 3 Different mobile applications in Flutter which uses Wix as backend. Build a Flutter Native App with Wix Velo for Local Covid Hospital and Oxygen Tracking. How to make flutter native Mobile apps in velo by wix.

Three Apps connected with Wix Collection via Velo, all working in sync with Wix Website

THE WEBSITE

Recently Covid 19 Surge here in India, people had too much difficulty in getting bed in hospitals and oxygen demand was off the charts and faced severe shortage.

People had to wander here and there and called everyone in their connection to get bed and oxygen cylinder. Not big charity but at least we could help locals of the town. Town name is Mandvi. So, we talked with local health officer that we could help.

A system could be developed where visitors can see how much and what types of bed are available in hospitals and how much oxygen cylinders are available with whom. For hospitals and cylinder services have to use their own login to update from their end. This way people can see counter in real time and not wander hopelessly in this dark times.

So, in one day, due to ease of making websites in Wix we made three pages:

  • Counter for Visitor: It shows count of beds, testing kits and oxygen cylinder available in hospital.
  • Login for Hospital: Where hospitals can login and update status of beds and kits.
  • Login for Cylinder Service: Where Cylinder Service Providers update number of oxygens cylinder they have.

Page was quite simple and easy to read. So, page loaded instantly for all visitors. Login pages were kept simple. But the problem was redirecting to personal page after entering email id and password.

As we were using code to make custom sign in page, when hospital or cylinder provider registers, we add the entry in respective collection of dynamic page.

The thing is if we redirect the user to dashboard instantly it will show Error 404 as dynamic page was still not generated. So we had to add some delay using JavaScript's 

setDelayfunction.

This small delay after login was a problem, as people working at hospitals don't have much time to open website, wait 2-3 sec for login and login delay, after which they are redirected to update page.

A more fast and instant way was required. Where user open a app and can update numbers instantaneously. Also, these days people prefer apps over website when they are in hurry.

Enters 3 Different app made in Flutter which uses Wix as backend.

wix velo wix-data velo-api flutter

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Google's Flutter 1.20 stable announced with new features - Navoki

Google has announced new flutter 1.20 stable with many improvements, and features, enabling flutter for Desktop and Web

Your Data Architecture: Simple Best Practices for Your Data Strategy

Your Data Architecture: Simple Best Practices for Your Data Strategy. Don't miss this helpful article.

What is Flutter and why you should learn it?

Flutter is an open-source UI toolkit for mobile developers, so they can use it to build native-looking Android and iOS applications from the same code base for both platforms. Flutter is also working to make Flutter apps for Web, PWA (progressive Web-App) and Desktop platform (Windows,macOS,Linux).

Top 10 API Security Threats Every API Team Should Know

Learn what are the most important API security threats engineering leaders should be aware of and steps you can take to prevent them

Getting Started With Data Lakes

In this post, we'll learn Getting Started With Data Lakes.<br><br> This Refcard dives into how a data lake helps tackle these challenges at both ends — from its enhanced architecture that's designed for efficient data ingestion, storage, and management to its advanced analytics functionality and performance flexibility. You'll also explore key benefits and common use cases.