Swasthify

Hospital Dashboard dark mode
Self analysis
Hospital Details
Patient Dashboard
Hospital Dashboard
Responsiveness
Home Page light mode
Home Page dark mode

Inspiration

What it does

Swasthify aims at mitigating the hardships people faced during this pandemic. We provide an interactive user interface where a user can directly interact with respective hospitals that are self-registered on our application. Users will get to access a spate of services that these hospitals provide. Hospitals can easily update the availability of these services by logging in to their dashboard. The services range from ICU beds availability to the number of vaccines that the hospitals have. Users can easily browse for these services in different cities and hospitals and then book them from the hospital of their choice. This application will also provide its users a prescription section where all the previous prescriptions of the users will be available for future reference.

How we built it

Tech Stacks

Frontend : Angular, Typescript, HTML5, CSS3, Bootstrap
Backend : Spring boot, Java
Cloud Service Providers : Microsoft Azure, Digital Ocean
Database : Azure MySQL
Hosting Service Provider : Netlify

Challenges we ran into

There were a number of cumbersome challenges that we encountered during building this application. Few of them were:

1) As we used Azure app-service to deploy the backend of our application and Azure MySQL for the database. So while deployment the Maven build for the Spring Boot application was failing due to some unsolicited errors. It took us a great deal of time to figure out the reason for the Build failure. The build failure was primarily due to the limited access of the Azure MySQL database whose configurations were mentioned in the application, Property file of our application. When this access issue was resolved, then build failures were encountered which were due to some wrong configurations in the deploy.yml file, which upon recreation got resolved.

2) We created a service to introduce light and dark visibility modes for different components/pages of our application. Since these components are loosely coupled so we subscribed to the value for light and dark mode from this service, but the nav-bar and self-analysis components were facing some subscription errors which were later resolved by changing the invoking pattern of the function for this service, with some finesse which was required in the .SCSS file.

3) The next challenge was related to capital investment. As we are using Netlify and Azure for deployment purposes, but both of these services provide a limited number of credits, and that too for a stipulated period of time.