Successfully deployed to the following URLs:
byteverse-nerds-git-master-suraj-markup.vercel.app
byteverse-nerds.vercel.app
byteverse-nerds-suraj-markup.vercel.app
Video Explanation :https://drive.google.com/drive/folders/1Jku9VUuOktrghgWMaSc0iNv555mIGeDc?usp=share_link Welcome to the ultimate hangout spot for Web development enthusiasts! We are passionate to develop a website that is a one stop destination for all patient concerns. The user should be able to find all his/her previous Health Reports , Lab Records , previously prescribed medicines, relevant solution or general query related to their health, find a perfect doctor for their health concerns and an ambulance or transportation service.
Generally the patients have to save all of their reports especially if they are dealing with some long ongoing disease which requires long treatment and usually all of those reports are in paper mode. Besides the reports, the prescribed medicine are often given on some chits which often get lost or get misplaced, some of these reports or medicines are quite important for future prescription of your medicines or for predicting health conditions. So saving all of that could prove out quite cumbersome and hectic. The internet somehow lacked a managed system to keep the digital record of this doctor patient convo also additionally providing other features on a health website like basic query solving system about health, finding specialist doctor , quick ambulance booking service. Join us now and let's shape the future together! 🌟
The goal of this challenge is to develop a website that can help the user get easier and faster access to his/her Health related documents without having to deal with the hassle of collecting all paper reports. The documents include all the lab reports, X-ray scans, etc. The website should also keep a detailed account of all the medicines the patient was prescribed by various doctors he/she went to during their previous visits. The user could also be able to get quick advice through an inquiry chatbot related to their general day to day health and to know about the website whereabouts. The main feature should also include a quick doctor finding service for your specific health concern like neurologist, orthologist ,etc . A transportation service should also be made available to users to book it immediately to the nearest hospital in case of emergency and for normal doctor visit.
1.Firstly we will be designing a website that would be catering to almost all of the problems that a patient has to face before reaching the doctor.
2.The said website allows users to register themselves as patient and doctor separately. As soon as the user lands on his/her profile they get to choose from various services which they prefer using for the time being.
3.The user profile includes a detailed description of the patient health history in the form of various features accessible on the profile
4.The various features available involve access to patient's past reports like all the scans, doctor's reports, blood reports, etc sorted datewise along with the consulting doctor . This allows the patient to eliminate the process of collecting all the paper prescriptions for future use.
5.Other features include implementing a dedicated page for carrying the record of all the previously prescribed medicines to the doctor sorted date wise containing information about the dosage as well as a scanned copy of the prescription paper
6.Implementing a simple easy to use inquery system (i.e. a chatbot) which would help solve every other problem the user faces like finding your report quickly when logged in, getting general health advice, how to go to a certain page of the website etc.
7.Implementing an ambulance booking service for the user in case of emergency booking or for a general doctor's visit. The page would allow inclusion of google map API to locate and navigate user's location .
7.Implementing a dedicated page wherein the patient can quickly search a specialist or preferred doctor according to their preferences by reviewing a basic doctor profile and subsequently connect with the doctor and book an appointment accordingly.
8.Finally Implementing a user friendly interface of the entire website so that people with even little knowledge of internet browsing can easily walk through the website and enjoy it's services.
- Figma - Figma is a powerful web-based design tool that helps you create anything, websites, applications, logos, and much more.
- Canva - Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, logos and more.
- JavaScripts - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions
- React.js - React is a JavaScript library for building user interfaces. React is used to build single-page applications.
- PHP - A popular general-purpose scripting language that is especially suited to web development. Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
- Google Map API - The Google Maps API is one of those clever bits of Google technology that helps you take the power of Google Maps and put it directly on your own site.
- Cloud services - Cloud services facilitate the flow of user data from front-end clients (e.g., users' servers, tablets, desktops, laptops—anything on the users' ends), through the internet, to the provider's systems, and back.
- HTML - HTML is the standard markup language for Web pages. With HTML you can create your own Website.
- Cascading Style Sheets(CSS) - CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed.
- Bootstrap5 - The world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and a template starter page.
- Dialogflow - High-performance infrastructure for cloud computing, data analytics & machine learning. Secure, reliable and high performance cloud services.
- Firebase - Firebase is an app development platform that helps you build and grow apps and games users love.
Made with 💝
1.In future we would like to add a feature in Chatbot wherein the user can search for the specific purpose that a particular medicine does
2.Connecting our database with the government database like a digiLocker that would store all the health reports as assets for future communication
3.Creating an emergency guidance service that will inform the patient family members would be guided about the measures they should undertake before reaching any medical services
4.The Map can show all the available ambulances in the nearby area to the patient in real time accordingly clearly mentioning the price range that would be chargeble
$ npm install
$ npm start
$ npm install --save @chakra-ui/react
$ npm i -S @react-google-maps/api
$ npm install react-icons --save
$ npm install firebase
$ npm install react-router-dom
- This repository started as a README file with all the information about this project.
- It made sense to create a website and have more structure.
- We are looking to add more features on the website 🔗
- PPT - https://drive.google.com/file/d/1MhEKw9MhqqV4b1E-1x6Bqfpb6otf_Zz_/view?usp=sharing .
- For using the ambulance booking function smoothly add an .env.local file in the root directory with the following content: REACT_APP_GOOGLE_MAPS_API_KEY=YOUR_MAPS_API_HERE