Git Product home page Git Product logo

healhub's Introduction

logo

HealhUb

Website πŸ–₯️: https://healhub.vercel.app/

Video Showcase 🎬: https://bit.ly/HealhUbVideo

What is HealhUb ❓

HealhUb is an online HealthCare website which help users Know About Health Tips, Plans with Our Tools, Blogs And Stats.

The Website Provides:

  • ⏱️ Timely and credible Health content.
  • πŸ› οΈ Valuable tools for managing your health, and 🀝 support to those who seek information.
  • World COVID-19 Stats.🌍😷
  • Articles Related To Healthcare Issues. πŸ“°
  • Tools Like BMI Calculator Which Helps User To Find The Body Mass Index. πŸ’ͺ🏻

How it looks 🀩

HealhUb.mp4

Tools Available πŸ› οΈ

image

Covid-19 Stats πŸ“Š

image

Why is HealhUb ❓

HealhUb is an Online HealthCare Website that helps you find perfect Health Plans with our Tools, Blogs & Stats, and provides valuable information about your health. We'll help you find your perfect diet to become stronger than ever before. Use our tools, articles & sections to renovate yourself and get a healthy mindset. We are serving across the Globe & we helped thousands of people to get their perfect body, and mindset with our tools, articles, and UIs. We take care of your body because it’s the only place you have to live.

Seeking a challenging but fulfilling role allows us to share knowledge with patients on treatments and medical alternatives available to treat their hearing challenges and utilize our communication skills to reach out to patients.

How will HealhUb benefit you ❓

Our aim is to serve all people through exemplary health care, education, research, and community outreach. Our Website Provides:

  • ⏱️ Timely and credible Health content - We provide health related contents, blogs, tips, that's are updated time to time.

  • πŸ› οΈ Valuable tools for managing your health, and 🀝 support to those who seek information - Our various tools help you to manage your health, get information about hospitals, or any other medical issues.

  • World COVID-19 Stats🌍😷 - Together we fight against COVID-19. We help to get current info and stats all over the world, as well as COVID blogs, Do's & Dont's etc.

  • Articles Related To Healthcare Issues πŸ“„- Articles related to health care and health issues for tou to develop a better health.

  • Tools Like BMI Calculator Which Helps User To Find The Body Mass Index πŸ’ͺ🏻 - Know about your Body Mass Index, take care of your ultimate health.


What Tools do we have ❓

HealhUb provide real-time help support whenever it is required. We provide various tools to manage your health and support your health related needs

Our Tools Include: 🧰

  • ⬆️⬇️ BMI - Body mass index, or BMI, is a measure of body size. It combines a person’s weight with their height. The results of a BMI measurement can give an idea about whether a person has the correct weight for their height. You can check your Body Mass Index and know about your health, using our BMI tool.

  • 😷🩺 Medical Help - It's our responsibility to help each other whenever we need. We provide any kind of medical help, checkup, medicine and emergency support, care for well-beings. Contact us for any medical help.

  • πŸ₯πŸ‘¨β€βš•οΈ Nearby Hospitals - We provide you all details of your nearby hospitals. Check anytime about the hospitals, services, current conditions and stats, bed availability etc. Just put your location or prefered hospitals to check.


Tips πŸ’‘

Good physical and mental health is necessary for all. We provide valuable tips about

  • 🟒 Healthy diet - Know more about Eating healthy diet, Consuming less salt and sugar, Reducing intake of harmful fats,

  • βš•οΈ Physical wellness - Be more active, Check your blood pressure regularly, Get vaccinated, Practice safe sex.

  • πŸ’ Mental wellness - Take care of your mental health, Talk to someone you trust if you're feeling down.


Blogs & Articles πŸ“š

Our blog page includes 20+ awesome and helpful health-related blogs, which is for taking care of your health and wellbeings. Know more about

  • What is most poignant about our pandemic is the way people have demonstrated how dearly they wish to live.
  • Eating home-cooked balanced thali will not only keep you and your baby healthy, but it will also keep you away from other chronic diseases, said Dr Meghana Pasi
  • How Zinc Helps Boost Immune Health- Expert Reveals.
  • Practical Tips to Safely Fast During Ramadan: Stay energized and healthy with these expert fasting tips.
  • How weight cycling linked to increased sleep problems in women.
  • How obesity protects against death in severe bacterial infection.
  • Menstrual hygiene problems and tips.
  • Tips for Discussing Mental Health with Children and Teens
  • Post-Traumatic Stress Disorder (PTSD): What you need to know

Expore much from various blogs and articles provided timely.

Covid Section πŸ₯

Together we fight against COVID-19. Be secure with services and information we provide you about Covid. Read Covid blogs, be safe and healthy. Covid section provides-

  • Covid symptoms- Most common symptoms, Less common symptoms, Serious symptoms.

  • Protections - Details about Covid precautions and protections, Using sanitizer, Wearing masks, Washing hands properly etc.

  • Do's & Dont's - Know about what we should Do and what shouldn't do, to survive against Covid.

  • Covid stats - Get to know about current situation of Covid cases, in different countries.

  • Covid Blogs - Blogs and articles about how to care during Covid pandemic. Know more about The rise and impact of Covid, How to communicate in the crisis, Stay optimistic during tough times, Tips for improving mental health etc.


Future Vision πŸ”­

  • We are aiming to get an AI which will provide people medicine based on the symptoms selected by users and also provide option to buy them from our website.
  • Also tracking Steps and Distance walked along with calories burned.
  • All this will help people solve various problems at one place !


  • Built from πŸ› οΈ

    HTML 5 CSS3 JS BOOTSTRAP NODE MONGODB

    Built By πŸ‘¨β€πŸ’»


    Sachin Pandey


    Abhijeet Anand


    Manish Sahu


    Ayush Pattanaik

    healhub's People

    Contributors

    abhijeet-anand-01 avatar aksharma27 avatar amit91848 avatar ananyam007 avatar aryankaushikdev avatar at-the-vr avatar atif0604 avatar ayu10x avatar codervivek5 avatar darkfalc0n avatar kaal-coder avatar mgjain9871 avatar mr-man7352 avatar mridul4101 avatar prank14 avatar princerey avatar pritam0077 avatar ritik-singh07 avatar ronitblenz avatar rsinghcodes avatar sabariganesh-k avatar sayan404 avatar shruti025 avatar skpandey885 avatar srijita-mandal avatar sumitkr2000 avatar tanya-gupta25 avatar tess-vanta avatar yathartharana avatar yeshwanth235 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

    Watchers

     avatar  avatar  avatar

    healhub's Issues

    Text Issue in Tips Page

    CURRENT BEHAVIOUR: The text in the Tips page looks very bad on mobile view.

    Screenshot 2022-03-05 at 12 44 34 PM

    Screenshot 2022-03-05 at 12 44 29 PM

    EXPECTED BEHAVIOUR: Improve the indentation and size of the text. Format the text according to the view.

    Fix the "Tools" link

    CURRENT BEHAVIOUR: When you go to "Tools" page (Click here to go!) and click on Tools on the Navbar. It Redirects you to BMI Page.
    EXPECTED BEHAVIOUR: It should redirect to itself. Fix this.
    (Also fix all the "Tools" link issues in the website.)

    Improve the Tips page

    Current Behaviour: The CSS of the tips page is not that good.

    https://skpandey885.github.io/HealhUb/pages/tips.html
    

    Expected Behaviour: Improve the CSS of the Tips page and add more tips in it.
    (Note: The CSS of the tips page needs to be very good)

    How to Publish your changes to website?

    Hey everyone!πŸ‘¨πŸ»β€πŸ’»
    You can refer to the steps below if you want to publish your changes to a temporary website before merging. So that we can see your changes before merging it to the main branch πŸ™ŒπŸ»

    STEP 1

    After generating PR, Go to the forked repo (HealhUb) in your profile
    
    https://github.com/<your_github_user_name>/HealhUb
    

    STEP 2

    Click on settings
    

    Screenshot 2022-01-29 at 10 59 31 AM

    STEP 3

    Click on Pages
    

    Screenshot 2022-01-29 at 11 03 01 AM

    STEP 4

    Select the branch you created specifically for fixing the issue. After Selecting the branch click on Save. 
    

    Screenshot 2022-01-29 at 11 12 21 AM

    STEP 5

    Voila! You are done. You will get the link with your username as a domain.
    Must mention this link in your PR because we can see the changes you made, via the given link.
    

    Screenshot 2022-01-29 at 11 23 39 AM

    Improve "About" Page

    Current Behaviour: The "About" Page of our website has good UI but less content.

    Screenshot 2022-02-01 at 12 24 42 PM


    Expected Behaviour: Add more content in each section inside the "About" page and improve UI of the page.

    Change the text

    CURRENT BEHAVIOUR: The Covid page have a button just above the navbar named as "Covid Blogs"
    Screenshot 2022-03-02 at 8 56 42 AM
    EXPECTED BEHAVIOUR: Change it to "Covid Blogs and Articles".

    Change the Navbar design

    Current Behaviour: The design of the navbar of the "Covid" page is different from the design of other navbars.

    Screenshot 2022-02-05 at 7 51 46 PM


    Expected Behaviour: Change this navbar design like the navbar of other pages (Simply copy the navbar code of other page and replace it with the "Covid" page)

    Add Margin

    CURRENT BEHAVIOUR: In the Covid page. There is very less gap between the "Choose a country" field and the icons below.
    EXPECTED BEHAVIOUR: Increase the margin between them.

    Screenshot 2022-04-05 at 5 52 08 PM

    Add Slide Down Animation

    Current Behaviour: The Home page directly appears after the preloader and there is no animation.

    Video:

    [email protected]

    Expected Behaviour: Add a slide-down Animation like this πŸ‘‡πŸ»

    Video:

    Untitled.mov

    Add a "Tools" Section

    Current Behaviour: The navigation bar has a BMI section that re-directs the user to the BMI Calculator tool.

    Screenshot 2022-02-04 at 1 33 58 AM

    Expected behaviour/ Changes you need to make:

    1. Replace the BMI in the navbar with "Tools"
    2. Create a new page to which the "Tools" button will re-direct.
    3. Inside that tool page, Use Bootstrap cards or cool square divs. In each card/div Mention tools like BMI section, Medical section, and some other section.
      (NOTE: Before Starting the work, Must reach out to me. I will be guiding you and tell you-- how you have to design this page )

    Add a "Trainer" page in the "Tools" section

    CURRENT BEHAVIOUR: As you can see the dummy cards belowπŸ‘‡πŸ».
    Screenshot 2022-02-17 at 12 24 37 AM
    EXPECTED BEHAVIOUR: Change one of them to "Trainer" and create a trainer page. That page should contain Some questions and depending upon the user's input the page will display the answers.
    (I know It may sound confusing. So before starting the work Must reach out to me , so that i will tell you how to make & design this page )

    Remove a button

    In the covid section page. This πŸ‘‡πŸ»icon in the top-left corner is not looking good.

    https://skpandey885.github.io/HealhUb/pages/covidSection.html
    

    Screenshot 2022-02-02 at 4 30 16 PM

    Expected Behaviour: Remove this icon

    Covid Page bugs

    The Covid Page has certain responsiveness bugs. I am attaching certain screenshots.

    The "Click me!" buttons are hiding for smaller screens
    image

    The data is overflowing the container
    image
    image

    The about section in the footer is not centered
    image

    Tips Page Bug

    The Tips Page has responsiveness issues, I am attaching some screenshots for your reference.

    image
    image
    image

    Create the "Medical Help" Page

    Current Behaviour: If you click on the "Medical help" button which is inside the "Tools" page. The Medical help button does not have any Page linked to it.
    Expected Behaviour: Create a Medical help page. and Inside that page add different sections. In each section, You have to add the name of the disease- its medicines, its causes, its reasons, etc., and a lot of things.
    (MUST CONSULT TO ME BEFORE STARTING THE WORK. I WILL TELL YOU HOW TO DESIGN THAT PAGE AND HOW TO KEEP THE THINGS)

    Documentation for "HealhUb"

    Current Behaviour: There is no documentation for "HealhUb" which describes our website.
    Expected Behaviour: Create a documentation.md file under the documentation folder & write proper documentation for HealhUb including introduction, functioning, Tools, etc.

    Change design of landing page

    I would like to improve the design of landing page and also fix the some issues like text readability and horizontal scroll.

    image

    Add "Preloader" to the website

    Preloader is the animation that shows up before the website loads up.
    For reference : Click Here

    Current Behaviour: There is no preloader for the website.

    Expected Behaviour: Add a preloader to the website. There should be the logo of HealhUb at the preload.
    Get the logo from here:

    https://github.com/skpandey885/HealhUb/blob/main/assets/logo.png
    

    Improve the CSS of Covid Section Page

    Current Behaviour: The CSS of the Covid section page needs to be improved. The UI currently is not good looking
    Images:

    Screenshot 2022-02-01 at 9 16 13 PM
    Screenshot 2022-02-01 at 9 16 20 PM


    Expected Behaviour: There should be improvements in the CSS of Covid Section Page.

    Improve the Responsiveness of the Preloader

    CURRENT BEHAVIOUR: The preloader is not aligned at the center for different screen sizes. It is only aligned perfectly for desktop size.
    Screenshot 2022-02-11 at 9 33 23 PM

    EXPECTED BEHAVIOUR: Align it to the center for all devices and all screen sizes.

    Fix the missing images of Tools Page

    Current Behaviour: The images on the tools page are not showing.

    Screenshot 2022-02-11 at 8 15 52 PM

    Expected Behaviour: Bring the images back(the links to the images must be in the code base) and fix this.
    Screenshot 2022-02-11 at 8 19 37 PM

    Compress the size of all background Images

    Current Behaviour: All the images used as background in the website are of high size and quality. Due to this, it takes a lot of time to load the background images of the website.

    Changes Required: Compress the size of every background image and add them to the website. Remove the highly-sized Background Images.

    Fix the Navbar Design of Tools Page

    CURRENT BEHAVIOUR: The Navbar of Tools page is not like the navbars used in other pages of the website.

    Screenshot 2022-02-11 at 8 31 30 PM

    EXPECTED BEHAVIOUR: Make the Navbar of "Tools" Page like this Navbar. (This is the Navbar of Home Page)
    Screenshot 2022-02-11 at 8 32 17 PM

    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.