Sahay-mobileapp - Sahay mobile app built using VueJS and Ionic

Overview

image

A product to help humanity, and India as a country, especially during the novel COVID-19 stricken times, by consolidating the health care system and all different medical faculties onto one platform.

View the deployed site at sahay.us

Web app/Dashboard at app.sahay.us

Download the mobile app here

View our branding here

Source Code


image


The app essentially allows hospitals to collaborate and share resources using a simple User Interface. When a hospital is in need of essential equipment urgently, and another hospital is willing to help out, they can contact each other and set up a delivery right through the app.

We provide hospitals with a platform to display all of their resources (like their medical supplies and equipment) and their staff, to keep them in check. It also gives you information about all other hospitals and their capacities, in a certain radius. Using this information, hospitals can place requests - and their level of urgency - for any commodities or capacity. Thus working together, and pitching in their resources, all our medical faculties will be able to manage the huge influx of patients and lack of equipment without too much worry. These resources once shared, the transfer of supplies is validated with the use of blockchain technology.

The dashboard system allows hospital's to manage their own resources, equipment, and staff in an efficient way. It can be accessed through any device (laptops, mobiles, tablets - whatever’s most convenient), anywhere in the world. Our API is updated in real-time which allows for an efficient workflow and better overall management experience.

Features

image

How we built it

Prototype was built on Figma, along with branding. The app was built using VueJS and Ionic. We used a NodeJS API to interact with it. The promotional website was built using Vue 3. Backend functionality was implemented using Google Cloud Platform and Python. The Web App was built with express and rendered using the pug templating engine. We built these separate apps so that it's easier for hospital staff to use any device available and manage the hospital quickly and efficiently with a seamless user experience.

Database

We deployed MongoDB as a fast access datastore for storing requested materials, supplies and equipment as part of our request, and for real time invetory management and tracking. The datastore stores quantities, types and units of various medical essentials such as blood, plasma, medicines, essential equipment and gear. The realtime data is indexed using a composite key made up of a hospital location markerid, a timestamp and a type indicator. The inventory of these critical supplies are tracked real time, therefore allowing less chances of mismatches or supply underruns occurring during emergencies.

User Flow

After spending a lot of time deliberating, researching and perfecting our UI prototypes, and the final look on the app, we came up with a design which not only combated the problems our competitors face - like that of having a learning curve to operate the service, we made it easy to locate all resources and manage everything that needed to be looked at, through the home page itself. Our belief was to make a very intuitive platform, and one that would streamline the process of management greatly.


image


Web Application

PPT

The dashboard system, where hospitals manage their own staff, equipment and supplies, and keep it in check, allows hospitals to share their resources and come together. The transfer of goods is verified using blockchain.

During this almost Third World War, all medical faculties would have to work together, pitch in, look beyond just profit to help out other surrounding hospitals to keep operating, and ensure that no patient is left unseen.

Let's work together to defeat the virus.

System Architecture

system architecture

What's next for Sahay

So we aim to provide a service to assist the medical industry in any way, and not binding with financial constraints. We would start off with a low scale release and testing phase, with around 100 - 200 users. Over the next month or two, start with funding to get it into a stable state and later release it into Delhi with a marketing campaign. If things go well, over the next 1-2 months we expand on our hospital database and provide our SaaS to even more hospitals. Later we plan for a nation-wide launch, get some sort of approval and help from the government to allow our team to expand. Sahay is not only limited to India and can also spread internationally, as it is essentially an application and wouldn't require too much effort to push ahead.

As we grow, we also have plans to release a public API as we'll have a large database of equipment that hospitals have. This data could be used by other developers to build apps that improve the interaction between users and hospitals.

For example, in the current scenario in India, where everyone is looking for beds, remedesivir, and other resources, people are having to manually call up hospitals and suppliers to verify whether these resources are available. As our API updates in real-time, this verfification step can be removed and people in need can directly check which reources are available.

Challenges we ran into

Storing images onto Blockchain, was something we discovered to be the way harder than it looks like and was seemingly impossible to figure out within a few hours. We hence decided to opt working with strings. The way to do it is store it off the chain, unless you use IPFS.

Accomplishments that we're proud of

Heavily researching the only thing close to our idea - hospital management programs - we built a service that not only has clean, minimalistic UI/UX, but also does not require any training to use, thus saving Hospitals and our users' money and hours to train a person. The fact that we could code in an almost replica of our design prototype into the final product was an impressive achievement for us. We also explored and delved into many new technologies, simultaneously learning and implementing blockchain technology into our product within less than 36 hours.

What we learned

We learned more about the what and why to the problems of resource shortage in our country, and realised the stark difference in statements from nearby hospitals, with some pleading for certain resources and some within a few kilometres of radius saying they had excess resources. Yet there seemed to be no solution to these problems, and that led to the existence of our project. We learned more as to how blockchain technology can be used to verified items across the globe through something as simple as ID codes, which can validate the source of the supplies (tackling the major problems like the black-market of essential life saving medicines and drugs, and the dilution and fake products in the market.)

The team

  • Arhaan Bahadur
  • Siddhayak Goyal
You might also like...
A fantastic mobile ui lib implement by Vue.

A fantastic mobile ui lib implement by Vue.

Material design mobile component library for Vue3
Material design mobile component library for Vue3

Material design mobile component library for Vue3

💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.

🔧 eros app 开发模板。

eros 主项目地址 https://github.com/bmfe/eros 介绍 eros app 快速开发模板,可通过脚手架 eros-cli init 指令快速生成。 分支介绍 master (附带着 demo 的完整开发底层) pure (无任何功能的纯净开发模板) source (源码依

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

Ionic Framework Ionic Framework is the open-source mobile app development framework that makes it easy to build top quality native and progressive web

Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere 🌎

Ionicons Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was built for Ionic

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.
Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

Hybrid mobile template built with Ionic Vue using capacitor for native builds
Hybrid mobile template built with Ionic Vue using capacitor for native builds

Ionic Vue Mobile Template 04 Hybrid mobile template built with Ionic Vue using capacitor for native builds. Template is inspired by the new Capitec Ba

Hybrid mobile template built with Ionic Vue using capacitor for native builds
Hybrid mobile template built with Ionic Vue using capacitor for native builds

Ionic Vue Mobile Template 03 Hybrid mobile template built with Ionic Vue using c

Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

A simple color game made using VueJS + Ionic on front-end, and AdonisJS + PostgreSQL on back-end

Simple Color Game This is a browser game made using VueJS + Ionic on front-end, and AdonisJS + PostgreSQL on back-end. The game is very simple: You ha

Vuejs integration for Ionic versions 4 and 5
Vuejs integration for Ionic versions 4 and 5

Ionic-Vue Ionic integration adapters for Vue. Ionic-Vue vs @ionic/vue Ionic-Vue codebase has been contributed to the Ionic core and as @ionic/vue. How

Commerce-hub - HotWax Commerce ionic commerce Hub App

Commerce Hub App Prerequisite Ionic CLI - If you don't have the ionic CLI instal

Responsive Mobile-sized Wrapper for Vuejs - Easily prototype your mobile-sized web apps with desktop support
Responsive Mobile-sized Wrapper for Vuejs - Easily prototype your mobile-sized web apps with desktop support

Responsive Mobile-sized Wrapper for Vuejs - Easily prototype your mobile-sized web apps with desktop support

BEEP Account Security Scanner - Detect if your credentials have been compromised (Vue + Ionic)
BEEP Account Security Scanner - Detect if your credentials have been compromised (Vue + Ionic)

Beep: mobile account vulnerability scanner Every day, over 4 million online data records are stolen or lost. Beep tells you if your online accounts ha

⛄️ Vue Icon Set Components from Ionic Team

⛄ Vue Ionicons Vue Icon Set Components from Ionic Team Design icons sourced from the Ionicons project. 🎉 Demo https://mazipan.github.io/vue-ionicons

casteaching-ionic
casteaching-ionic

Atenció Aquest repositori és una plantilla de Ionic sense Typescript i amb sidebar per explicar Vue Router i utilitzar com inici de la sèrie Ionic Rea

Supabase Ionic Vue User Management
Supabase Ionic Vue User Management

This project is based on the Supabase Ionic Vue user management Quickstart To keep it in sync with this Quickstart, architecture choices have been made to facilitate the comparison

Owner
Siddhayak
i steal stuff from @arhaanb
Siddhayak
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 4, 2023
A configurable Mobile UI based on Antd Mobile and Vue

A configurable Mobile UI specification and Vue-based implementation.

ladybird-studio 60 Dec 13, 2022
Native mobile applications using Vue and NativeScript.

Supporting NativeScript-Vue NativeScript-Vue is an MIT-licensed open source project made possible by our sponsors: and these awesome backers: Tiago Al

NativeScript-Vue 5k Dec 29, 2022
Lightweight Mobile UI Components built on Vue

Vant Mobile UI Components built on Vue ?? 文档网站(国内) ?? 文档网站(GitHub) ???? 中文版介绍 Features 65+ Reusable components 1kb Component average size (min+gzip) 9

有赞 20.7k Jan 4, 2023
Vue Native is a framework to build cross platform native mobile apps using JavaScript

Vue Native Visit our website at vue-native.io or read the official documentation here. Build native mobile apps using Vue Vue Native is a framework to

GeekyAnts 8.4k Dec 28, 2022
🐡 A mobile UI toolkit designed for financial scenarios, and compatible with multiple platforms based on Vue DSL(Vue 2.0).

Mand [email protected] ?? A mobile UI toolkit designed for financial scenarios, and compatible with multiple platforms based on Vue DSL(Vue 2.0). Webapp Unia

Mand Mobile 11 Jun 24, 2022
A Mobile UI components based on Weui Design and Vue

A Mobile UI components based on Weui Design and Vue Features Support TS Install $ npm install weui-design-vue --save Quickstart in src/main.js import

null 23 Nov 9, 2022
Mobile UI Components based on Vue & WeUI

Be Cool with Vue@^2.3.0 and WeUI. Live Demo >> Sponsors 我们的产品 Requirements 暂未适配 vue-cl[email protected],请注意。 vue@^2.3.0(for .sync modifier) webpack@^2.0 node@^7.6

Airyland 17.6k Dec 28, 2022
Mobile UI elements for Vue.js

Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone

饿了么前端 16.5k Dec 30, 2022
NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

JDR Design FE 4.9k Jan 3, 2023