Code Monkey home page Code Monkey logo

prathimacode-hub / medflare Goto Github PK

View Code? Open in Web Editor NEW
16.0 2.0 31.0 5.45 MB

βœ”Med Flare is an instant medical aid app to resolve the hassles and address the emergencies at right frame of time to the needy. πŸ™Œ

Home Page: https://prathimacode-hub.github.io/MedFlare/

License: GNU General Public License v3.0

HTML 45.67% JavaScript 27.40% CSS 26.93%
html5 css3 javascript python machine-learning medical-application github-pages github open-source bootstrap

medflare's Introduction

Welcome to MedFlare πŸ‘‹πŸ§°

πŸ“Œ Repository

MedFlare is a one stop solution for people who likes to get all the medical aid so that situations are answered promptly without any delay and no mediators. This would help in saving out many lives especially in hassle conditions.

We have seen how Covid had taken a toll over patients and how problems aren't addressed appropriately in emergencies due to which many lives have been parallely impacted. This app would have wide scope of services that you can benefit out of with solutions virtually and stay safe. Saying : Health is Wealth.

βœ” Features

Services it will endorse :

  • Vaccination Centers Notification
  • Oxygen Cylinders Supply
  • Plasma Connect
  • Bed Availability Notification
  • Blood Donors Availability
  • Organ Donors Availability
  • Doctors Appointment
  • Virtual Health Checkup
  • Ambulance Booking

Additional features include one to one virtual consultation, health monitoring, diseases prediction, integrated medicines and expiry tracker etc.

πŸ™Œ Join Here

πŸš€ Join us to come up with a real-time medical aid to tackle the solution of pressing needs of the patients / individuals who are in situations of dire emergencies with nowhere to rely on. Not reaching medical aid at right time might cost a life. We are building this app to ensure that no one suffers due to lack of awareness and get the required help when time matters a lot. Lets make this workflow more efficient and valuable to the community for their livelihood.

πŸ”‘ Tech Stacks

Skills : HTML, CSS, JavaScript, MongoDB, ExpressJs, React, NodeJs, Machine Learning, Deep Learning

When raising an issue, do make sure to mention the kind of feature, feature title, short description of the feature and how would you expect it to work. As a good practice, always link the issue number with pull request. (#issue number : Give this details when you raise a PR).

If you want to work on this unique project and share it with the world, you can do that here. Go through the contributing guidelines here.

Subsequently, also go through the GitHub documentation on creating a pull request.

πŸ›  Templates to Follow

Note : One should follow these templates while creating a new issue or pull request.

βš™οΈ Things to Note

  • Make sure you do not copy codes from external sources because that work will not be considered. Plagiarism is strictly not allowed.
  • You can only work on issues that have been assigned to you.
  • If you want to contribute, it's preferable that you create a new issue before making a PR and link your PR to that issue.
  • If you have modified/added code, make sure the code compiles before submitting.
  • Strictly use snake_case (underscore_separated) in your file_name and push it in the correct folder.
  • Add Screenshots to help us know what the idea is all about.
  • Do not update the README.md.

πŸ‘¨β€πŸ’» Workflow:

  • Fork the repository

  • Clone your forked repository using terminal or gitbash.

  • Make changes to the cloned repository

  • Add, Commit and Push

  • Then in GitHub, in your cloned repository, find the option to make a pull request.

print("Start contributing for MedFlare")

❄️ Open Source Programs


Innogeeks Winter Of Code 2023

Kharagpur Winter Of Code 2022

Hacktoberfest 2022

JGEC Winter Of Code

πŸ† Achievements of this Project Repo πŸŽ‰

1️⃣ Recognized as the "πŸ₯‡ BEST MENTOR" of JGEC Winter of Code 2022, for mentoring students to contribute in the project "MedFlare".

✨ Hall Of Fame

Special thanks goes to all of the mentees who made a choice to make an impact. Contributions of any kind are welcome!πŸš€

πŸ“œ Code Of Conduct

You can find our Code of Conduct here.

πŸ“ License

This project follows the General Public License 3.0.

😎 Project Admin


Prathima Kadari

Visitor Count

⭐ Give this Project a Star

GitHub followers Twitter Follow

If you liked working on this project, do ⭐ and share this repository.

πŸŽ‰ 🎊 πŸ˜ƒ Happy Contributing πŸ˜ƒ 🎊 πŸŽ‰

πŸ“¬ Contact

If you want to contact me, you can reach me through below handles.

Β Β 

Β© 2022 Prathima Kadari

forthebadge forthebadge forthebadge

medflare's People

Contributors

aankirz avatar akashyap25 avatar ardent10 avatar combatantash avatar mateahoward avatar prakhartiwari0 avatar pranavsuriya-sr avatar prathimacode-hub avatar r3yc0n1c avatar riddhi9570 avatar rik-21 avatar rishikavishnoi avatar ronitblenz avatar shruti025 avatar soujo avatar soumali28 avatar zugzwang03 avatar

Stargazers

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

Watchers

 avatar  avatar

medflare's Issues

Improving UI

I want to improve the UI of your website. Can you please assign me this issue?

MedFlare: Make a "Blogs" Page with Blog Cards

Hey JWOC participants, good to see you.

Build a MedFlare Blog Page with multiple cards that have some text block and accompanying images. Follow the following as a part of your checklist.

  • Make sure that the images you use are uncopyrighted (Some sources are Pexels, Pixabay, Unsplash ).
  • Use MedFlare relevant text and images (feel free to use your creativity)
  • Make sure that Blog is linked in all correct places (navbar, footer, etc.)

Feel free to use the below link as a reference:
Blog Top 50

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare: Add medical themed carousel to homepage

Hey JWOC participants, good to see you.

This issue's goal is to create a medical themed carousel to homepage

Add a medical-themed carousel to index.html. Make sure you use uncopyrighted images. Use 4-5 slides in the carousel, heroing different MedFlare features. Feel free to use below reference:

Texhnext

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code to MedFlare.

MedFlare : Create a Footer Section for the Home Page

Hey JWOC participants, good to see you.

This issue's goal is to create a footer section of home page which also includes Navigation bar of medical webapp

Feel free to be creative! And please take care of the following criteria:

  • create atleast 4 rows with Quick Links and Basic Footer Data
  • Try and get the structure approved before making final pr.

How to get it approved?

  • Add a screenshot of footer on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Refactoring and Migration

The Current Project is a mix of both basic html,css,js and a React Application,
I would like to structure this project so that we can Implement the functionalities using React only and Html ,css and Js are not that flexible in terms of Reusability.
image

MedFlare : Bed Availability Notification

Hey JWOC participants, good to see you.

This issue's goal is to get the bed availabilities across the city and sent notification to user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Transition Effect on hovering services card

Hey there,
When we hover the Services card it suddenly pops out so i would like to add some transitions effects in it so it would look good.
I would like to this under JWOC.

MedFlare : Organ Donors Availability Notification

Hey KWOC participants, good to see you.

This issue's goal is to get the glimpse of all the organ donors with availability notification sent to the user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Add drop down feature in Readme for table of content.

Are you a IWOC participant?

Yes

Is your feature request related to a problem? Please describe.

Add table content in Readme file.

No it's a feature in documentation

Describe the solution you'd like.

Adding table of Contents.

Describe alternatives you've considered.

Using drop down menu.

Add any other context or screenshots about the feature request here.

No response

MedFlare : Create a Header Section of Home Page

Hey JWOC participants, good to see you.

This issue's goal is to create a header section of home page which also includes Navigation bar of medical webapp

Feel free to be creative! And please take care of the following criteria:

  • create header along with Navigation Bar with 6 options
  • Try and get the structure approved before making final pr.

How to get it approved?

  • Add a screenshot of header on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Create Contact Section for Website

Hey JWOC participants, good to see you.

This issue's goal is to create an external layout of contact page of the website.

Feel free to be creative! And please take care of the following criteria:

  • In the page, add an embedded map with dummy location
  • Include textual contact details along with contact form on to the right

You can refer this link : http://cpconsol.com/contact-us.html

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

UI Change needed

Hey there,
I would love to change the entire UI of this project with Tailwind CSS.
There are lots of issues with the current UI.
I would like to work under JWOC.
I would be very grateful if you could assign this issue to me.

UI Suggestions

Hi! I've got a few suggestions I'd like to add to your project if you'd like me to. They are:

SEO:

  • add a meta description
  • remove multiple <h1> elements

Accessibility:

  • make sure all images have alt text attributes on them
  • make sure all background colors have a sufficient contrast ratio (specifically for the 'CTA-1' and 'CTA-2' buttons)
  • make sure all interactive elements receive styling for when they're in focus

If you'd like me to start working on this, please assign the issue to me πŸ˜„

MedFlare : Vaccination Centers Notification

Hey Hacktoberfest participants, good to see you.

This issue's goal is to get the glimpse of all the vaccination centers with availability notification sent to the user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Plasma Connect Availability Notification

Hey KWOC participants, good to see you.

This issue's goal is to get the glimpse of all the plasma connect details with availability notification sent to the user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

UI Improvement of the Services Section

The current Services Section looks like this on a large screen

Please ignore the blood donor availability card, it is the problem with the screenshot extension.
Screenshot 1

On My Screen, it is really messed up as you can see

Screenshot 2

Improvements that can be made

  • We can make the size of the card smaller and more readable rather than being long in height.
  • Cards can be arranged in a better way to easily access them (Some cards are messed up as you )
  • Each card size can be made consistent as if you notice some cards are bigger than the others.

MedFlare : Doctors Appointment Form

Hey JWOC participants, good to see you.

This issue's goal is to provide a doctor appointment form that needs to be filled with basic patient details along with location, preferred doctor, available time slots and get it notified by email and phone to the user.

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Make MedFlare logo and favicon

Hey JWOC participants, good to see you.

Feel free to be creative! And please take care of the following criteria:

  • upload two versions of both logo and favicon- one with white bg and another with transparent bg.
  • name the images semantically (e.g.: logo_bg, logo_wtbg, etc.)
    Try and get your designs approved before making final pr.

How to get designs approved?

  • Comment your designs on this thread and wait for one of the mentors to get back to you.
  • Once your designs are approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

UI improvement of About Section.

Hey @prathimacode-hub I would like to improve the ui of ABOUT section with following change.
1.Put bg color acc to color pallete of site
2.Shift pic to right and text to left
3.Add css on hover animation in background to make it interactive . Reference image of animation is
Screenshot (270)

Heart png can be replaced by circles as you would prefer.
May I work on it?

MedFlare : Book Your Ambulance

Hey Hacktoberfest participants, good to see you.

This issue's goal is to provide a booking your ambulance form that needs to be filled with basic details that tracks your location and sends you up with the nearest hospital details according to the symptoms you're facing. It fetches you with a booked invoice to your email and phone number.

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Improve the functionality of the home page

Issue

This issue has multiple issues inside it to address:

  • The links buttons in the cards of the Services Section are not working properly
  • The Navigation bar is not working either (This issue is already raised in #49 but the maintainer asked to include some more problems to make it legible, so this is it)

If you want @prathimacode-hub then you can close the previous issue and assign this issue to me so that I can work on all of those problems.

Solution

I can work on this issue and make all of this work properly

MedFlare : Create Complete Sign Up / Login Details of Website

Hey JWOC participants, good to see you.

This issue's goal is to create an an overall sign up and login process of the website.

Feel free to be creative! And please take care of the following criteria:

  • Create a user friendly sign up and login process
  • Add authentication procedure to it with basic database structure and open it in dashboard format

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Blood Donors Availability Notification

Hey KWOC participants, good to see you.

This issue's goal is to get the glimpse of all the blood donors with availability notification sent to the user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Writing Documentation of Project in HIndi Language

Hello Respected mam
If you like my idea then we can write a Documentation on this project in Hindi Language

Aim of writing Document of Project in Hindi Language is that Many people understand Hindi language well so one can read the documentation in Hindi language and understand Project well

MedFlare : Oxygen Cylinders Supply Notification

Hey KWOC participants, good to see you.

This issue's goal is to get the glimpse of all the oxygen cylinders supply with availability notification sent to the user

How to get it approved?

  • Add a screenshot and video of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Create About Section for Website

Hey JWOC participants, good to see you.

This issue's goal is to create an external layout of about page of the website.

Feel free to be creative! And please take care of the following criteria:

  • In the page, add relevant text and also a related image (feel free to use any uncopyrighted images or graphics)
  • Include textual contact details along with contact form on to the right

You can refer this link for reference : https://www.tripodeal.com/travel/about-us/

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

MedFlare : Make the folder and file structure

Hey JWOC participants, good to see you.

This issue's goal is to make a folder and file structure

If you are not aware about how to semantically make a folder or file structure for the web, you may refer to the following links for reference:

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code to MedFlare

Navigate Top Button

Adding a navigate to top button will create a user friendly design for the user to navigate to the top of the webpage which is the homepage easily.

MedFlare : Create Home Page for Website

Hey JWOC participants, good to see you.

This issue's goal is to create an external layout of a home page of the website.

Feel free to be creative! And please take care of the following criteria:

  • In the page, add About (uncopyrighted image along with introductory text), Services (6) and Why Choose Us (some pointers with intended graphics) sections excluding header and footer

How to get it approved?

  • Add a screenshot of outlook on this thread and wait for one of the mentors to get back to you.
  • Once it's approved, go ahead and make pr.

Please read CONTRIBUTING.md at least once before contributing code.

Unresponsive Website


Title: Unresponsive Website
About: Website is unresponsive in mobile ie it's webpage doesn't load like it should in other devices, it's elements are static instead of changes it's position and size according to page
Name: Himanshu
Label: Feature Request
Assignee: ''


Define You:

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.

Website is unresponsive in mobile ie it's webpage doesn't load like it should in other devices, it's elements are static instead of changes it's position and size according to page

Describe the solution you'd like...

I will make this website responsive, pages will load perfectly without any collapse in mobile or other devices

Additional context

Open the website in android to see the issue.

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.