Coder Social home page Coder Social logo

pranjay-poddar / swasthify Goto Github PK

View Code? Open in Web Editor NEW
48.0 3.0 58.0 23.08 MB

This web app is resolutely committed to provide our users with hospitals and their services at their fingertips.

Home Page: https://swasthify.netlify.app

License: Apache License 2.0

JavaScript 0.56% TypeScript 37.63% HTML 39.50% SCSS 22.31%
medical angular spring-boot hospital hospital-management-system patient-mgmt analytics dashboard self-analysis bootstrap

swasthify's Introduction

SWASTHIFY

A compassionate effort to aid people out of difficult times, we are resolutely committed to provide our users with hospitals and their services at their fingertips.

Link - https://swasthify.netlify.app/home

Build Status Crowdin Contributors

GitHub repo size

About Us

This pandemic has literally brought everyone on their knees, the despair and despondency that shrouded the country during covid gave us the motive to calibrate technology and help people out of these unprecedented times. Team Swasthify tries to provide its users with a service-based distinction of our partner hospitals from all across the country. What really keeps us going is a belief that one day we will make the notion of "hospitals at your fingertips" true.

Problem Statement

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.

Features

Hospitals

  • Hospital Registration
  • Hospital Login
  • Data Entry
  • Updation of services such as ICU Beds, Isolation Beds, Oxygen Cylinders, Vaccines offered by hospital.
  • Chat Forum for one to one interaction with patients.

Patients

  • Patient Registration
  • Patient Login
  • Fetch Hospitals, and Hospital Services such as ICU Beds, Oxygen Cylinders, and Vaccines.
  • Chat forums that can be utilized by the patients to interact with each other and hospitals/doctors, and offer all kinds of advice and assistance to each other.

Services Open To All

  • Self-Analysis For Covid-Testing , Mental-Health , Physical Health , Eating Disorder
  • Resources and Utilities

Tech Stack

  • Frontend : Angular, Typescript, HTML5, CSS3, Bootstrap

  • Backend : Spring boot, Java

  • Cloud Service Providers : Microsoft Azure, Digital Ocean

  • Database : Azure MySQL

  • Hosting Service Provider : Netlify

How is our solution different

  • Our solution is different in an umpteen number of ways. It's a user-to-hospital interaction without any third-party involvement.
  • The ordeal which was at display during the second wave, due to data inadequacy manifested the need for an application where a user can access the real-time data updated by hospitals related to all emergency services, vaccines, etc.
  • Our application works in a similar way where a hospital gets to update the aforementioned services on its dashboard.
  • When a user logs in he gets to see the real-time changes made by hospitals, and thus he gets an articulated and pragmatic display of all the services offered by different hospitals all across the country.
  • Booking services using our application will also be an advantage as that would save users from unnecessary wobbling between hospitals.

Future Possible Enhancements

  • Providing users the option to book a variety of services that the hospitals offer.
  • A prescription catalogue, from where a user can keep track of all his past prescriptions.
  • A doctor's clinic where a user can consult any registered doctor from across the country.

Sample Login ID and Password

Log On to - https://swasthify.netlify.app/hospital-login

Backend (Spring Boot and MySql)

Repository-https://github.com/pranjay-poddar/Swasthify-Backend

Installation

  • npm install

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

## Plugins

Swasthify is currently extended with the following plugins.
Instructions on how to use them in your own application are linked below.

| Plugin | Commands |
| ------ | ------ |
| Sweet Alert | npm i sweetalert2 |
| HammerJS | npm i angular-hammer |
| Drift Chatbot | integrate script in index.html |

Building for source

For production release:

npm run build --prod

How To Contribute

  1. Fork it (https://github.com/pranjay-poddar/Swasthify)
  2. Create your feature branch (git checkout -b feature/xyz)
  3. Commit your changes (git commit -am 'Add some xyz')
  4. Push to the branch (git push origin feature/xyz)
  5. Create a new Pull Request

Contributors


Pranjay Poddar



Shreyansh Pathak



Nishant Singh



Subhojeet Bhattacharjee


License

Apache License © Team Swasthify-2021

swasthify's People

Contributors

aakash441 avatar aceto82 avatar devrajsinh-gohil avatar imgbotapp avatar liahus3003 avatar nishant2705 avatar nishantsingh-2705 avatar pranjay-poddar avatar rahulsharma4329 avatar rituraj-13 avatar saurav-singh-rauthan avatar shahnewaztameem avatar shreyanshp25 avatar simons185 avatar subho0710 avatar thisisharsh7 avatar xxgizmocodexx avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

swasthify's Issues

Fix overlapping login images on large displays

Hi @pranjay-poddar
Amazing project and effort!

I would like to fix the overlapping login images on large displays as shown in the video attached. This seems to be both in the Hospital and Patient login section.
I would like to fix this as part of my Hacktoberfest 2022 contribution

Hope this will help, thank you

OverlapImageIssue.mp4

Improving User Experience

Describe the Feature you want to end
Hover effect color not same at many places and faster transitions on hovering

Expected behavior
I can fix and display same color effect needed to improve UX.

Improve the Footer

Describe the Feature you want to end
I would like to improve how the Footer looks and add some things to it.

  • Copyright Statement
  • made with love statement
  • all rights reserved statement

Screenshots (optional)
image

Additional context (optional )
after doing this, I am willing to contribute more to this project.
Please assign this issue to me @pranjay-poddar with the Hacktoberfest tag.

Hover effect using CSS

Describe the Feature you want to end
I want add CSS animation to the navigation bar so that while hovering on the navbar content text size increases.It provides a good UI.

Expected behavior
https://heyhimansh.github.io/gitcheatsheet/ you can check this while hovering on these icons
Swasthify and 94 more pages - Personal 2 - Microsoft​ Edge 06-10-2022 13_32_54 (2)

so, assign this task to me and considered this for my HACKTOBERFEST-2022 PR.

Thank you!

Create UI Design for Resource Page

Describe the Feature you want to end
I would like to redesign the page for resources

Expected behavior
I will create a Figma prototype design file and create a new folder in the directory to store all the prototyping UI Design

Hospital/Patient login error popup message is undefined

Describe the bug

Upon entering wrong credentials in the Hospital Login or Patient login page, the window alert box and popup on the screen has error message: undefined and ${this.err} instead of a proper descriptive error message.

Expected behavior

I will update the UI to display a meaningful error message.

Screenshots

Dark Mode button is not available on the entire page

The Dark Mode button is not available on the entire page . When scrolling down it's not visible

Expected behavior
The button should a sticky similar to the chat button

Screenshots (optional)

Additional context (optional )

Add a Newsletter Sign up form

Describe the project you want to add with tech stack
HTML, CSS, JS
Expected behavior
It will take in input the first name, last name and the email from the general audience for the updates related to health and best practices and other updates

Screenshots (optional)
Screenshot from 2022-10-10 17-23-26
Screenshot from 2022-10-10 17-40-12
Screenshot from 2022-10-10 22-23-18

Additional context (optional )
This will be the first step to initiate a future newsletter which will urge signed in users to follow best health practices to live a healthy and fulfilling life. If improved the newsletter could also provide users with info and updates on various health issue and diseases, thus making them aware.

Improving UI in Hospital Login page

Describe the Feature you want to end
I would like to improve the UI on hospital login page

Expected behavior
I will remove the underline on the signup link & I will add a new remember me checkbox in the login form

Screenshots (optional)
underline

remember

Missing header and footer in Terms and condition and privacy policy page

Describe the Feature you want to end

Header and footer is mission in the terms and condition and privacy policy page as its present in about us and other main pages.
Expected behavior

it should be present there as well i want to add them assign me this
Screenshots (optional)

Additional context (optional )

Margin Issue in hospital page

Error
Fixing the margin UI error in hospital page

Expected behavior
I will fix the padding and margin problem on this page
margin

User does not reach the about page at single click

It is not possible to reach the about page at one click on the Swasthify page when it is loaded, we have to click twice. I would like to contribute on this issue , Please assign this issue to me as a part of hacktoberfest.

Attractive Footer

Can you assign me this issue?
I can change it something like this,
image

Disabling Next button at the end of Self-Analysis

Describe the bug
As we reach the end of the covid self-analysis, the next button can be disabled/on clicking the next button a pop-up for pls submit should appear.

Expected behavior
The next button is disabled.

Screenshots (optional)
image

Add CODE_OF_CONDUCT

Describe the Feature you want to end
Adding code of conduct is the policy lays out the company's principles.

Expected behavior
Making code of conduct.md

Screenshots (optional)

Additional context (optional )
Add hacktobesfest tag with hacktobesfest-accepted

Hover Effect

Describe the Feature you want to end
I want to add Hover effect on the Header links.
image

Expected behavior
Whenever the cursor will be hovering over those links, it will make a hover effect & it will definitely improve the user experience.

Screenshots (optional)

Additional context (optional )


Hey, I want to contribute on this. Can you please assign me for this?

Sticky Navbar

Describe the Feature you want to end
A sticky navbar can be added to enhance the design. It would enable users to have access without having to scroll.

Expected behavior
It will be a fixed element in the page.

I would like to work on this issue under Hacktoberfest 2022.

add a tag line for the company

I would like to add a tag line for the company to be used at important pages along with the logo.

A tag line is important for all companies and I have thought of one which is simple attractive and will showcase the entire meaning of your project.

add Fixed Navbar and Scroll to top

web we reach the bottom of the website we can add a bottom by which we can reach top of the website.

please assign this issue to me under hacktomberfest 2022

Bug dark mode in button Explore

Describe the bug
Bug in dark mode when clicking on the button Explore in home component, it changes to light mode

Expected behavior
Dark mode should be kept when clicking the button Explore in home component

Bug dark mode in About

Describe the bug
Bug in dark mode when clicking on the about, it changes to light mode

Expected behavior
Dark mode should be kept when selecting the about

navBar UI

Describe the Feature you want to end

the navbar menu on hover is not looking good with red color text and it is a bit off-theme

Expected behavior

instead use white color on hover which will look good

Screenshots (optional)

  • effect in red box not looking good
  • something font with white looks good

Screenshot 2022-10-13 at 10 48 40 AM

Additional context (optional )

Fix scrollbar issue on footer image animation

Hi @pranjay-poddar
Amazing project and effort!

I would like to fix the animation on the footer image section causing scrollbar issues as shown in the video attached. I would like to fix this as part of my Hacktoberfest 2022 contribution

ScrollAnimationBug.mp4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.