QRCode Route Added

package.json

@@ -6,19 +6,25 @@
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
     "@fortawesome/free-solid-svg-icons": "^6.4.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
+    "@material-ui/core": "^4.12.4",
+    "@material-ui/icons": "^4.11.3",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.5.0",
     "fontawesome": "^5.6.3",
     "node-sass": "^9.0.0",
+    "peerjs": "^1.5.0",
     "qrcode": "^1.5.3",
     "react": "^18.2.0",
     "react-calendar": "^4.6.0",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.2.0",
     "react-file-base64": "^1.0.3",
     "react-icons": "^4.10.1",
+    "react-loader-spinner": "^5.4.5",
     "react-qr-reader": "^3.0.0-beta-1",
+    "react-redux": "^8.1.2",
     "react-router": "^6.15.0",
     "react-router-dom": "^6.15.0",
     "react-scripts": "5.0.1",

src/App.js

@@ -1,48 +1,49 @@
-
-import React from 'react';
+import React from "react";
 import AddHealthinfoForm from "./components/AddHealth/AddHealthinfoForm";
 import Patient from "./components/Registration/Patient";
-import RegistrationForm from "./components/registrationform/RegistrationForm";
+import RegistrationForm from "./components/Registration/RegistrationForm";
 import Facilities from "./components/Facilities/Facilities";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import "./App.scss";
 import Home from "./Pages/Home";
 import Legal from "./Pages/Legal";
 import NotFound from "./Pages/NotFound";
 import Appointment from "./Pages/Appointment";
-import { hairFields, heartFields} from './components/ModelForm/constFields'
-import CustomForm from './components/ModelForm/CustomForm';
-
+import LoginForm from "./components/Registration/LoginForm";
+import BookAppointment from "./components/Appointment/BookAppointment";
+import HealthcareContent from "./components/HealthCareContent/HealthcareContent";
+import DoctorSearch from "./components/Doctor/DoctorSearch";
+import DoctorAppointments from "./components/Doctor/DoctorAppointments";
+import CancelAppointment from "./components/Doctor/CancelAppointment";
+import HospitalSearch from "./components/Hospital/HospitalSearch";
+import Navbar from "./components/Navbar";
+import RegistrationFormm from "./components/registrationform/RegistrationForm";
 function App() {
   return (
-  <BrowserRouter >
-     <Routes>
-            <Route
-              path="/"
-              element={
-              <>
-              <Home/>
-
-              <CustomForm endpoint="/api/endpoint4" inputFields={hairFields} />
-              {/* <Facilities/>
-              <AddHealthinfoForm />
-              <RegistrationForm /> */}
-
-              </>
-              } />
-
-
-             <Route
-              path="/patient"
-              element={<Patient/>} />
-          <Route path="/legal" element={<Legal />} />
-          <Route path="/appointment" element={<Appointment />} />
-          <Route path="*" element={<NotFound />} />
-              </Routes>
+    <BrowserRouter>
+      <Navbar />
+      <Routes>
+        <Route
+          path="/"
+          element={
+            <>
+              <Home />
+            </>
+          }
+        />
 
-
-
-  </BrowserRouter>
+        <Route path="/auth" element={<LoginForm />} />
+        <Route path="/qrcode" element={<RegistrationFormm />} />
+        <Route path="/registration" element={<RegistrationForm />} />
+        <Route path="/legal" element={<Legal />} />
+        <Route path="/appointment" element={<Appointment />} />
+        <Route path="*" element={<NotFound />} />
+        <Route path="searchdoctor" element={<DoctorSearch />} />
+        <Route path="appointmentqueue" element={<DoctorAppointments />} />
+        <Route path="cancelappointmnet" element={<CancelAppointment />} />
+        <Route path="hospitalresources" element={<HealthcareContent />} />
+      </Routes>
+    </BrowserRouter>
   );
 }
 

src/App.scss

@@ -1,5 +1,6 @@
 .App {
   text-align: center;
+
 }
 
 .App-logo {

src/Pages/Home.js

@@ -1,18 +1,19 @@
 import React from "react";
-import Navbar from "../components/Navbar";
+
 import Hero from "../components/Hero";
 import Info from "../components/Info";
 import About from "../components/About";
 import BookAppointment from "../components/BookAppointment";
 import Reviews from "../components/Reviews";
 import Doctors from "../components/Doctors";
 import Footer from "../components/Footer";
-
+import TestPrediction from '../components/ModelForm/TestPrediction'
 function Home() {
   return (
     <div className="home-section">
-      <Navbar />
+
       <Hero />
+      <TestPrediction/>
       <Info />
       <About />
       <BookAppointment />

src/actions/auth.js

@@ -0,0 +1,37 @@
+import * as api from '../api/index.js';
+
+export const signin = async(formData)=>{
+
+try {
+
+
+    const {data}=await api.signIn(formData);
+    localStorage.setItem('profile',JSON.stringify({...data}));
+
+    return data;
+
+
+
+} catch (error) {
+    console.log(error);
+}
+
+}
+
+
+
+export const signup =async(formData)=>{
+
+    try {
+        console.log(formData)
+    const {data}=await api.signUp(formData);
+
+    localStorage.setItem('profile',JSON.stringify({...data}));
+    return data;
+
+
+    } catch (error) {
+        console.log(error);
+    }
+
+    }

src/actions/doctor.js

@@ -0,0 +1,61 @@
+import * as api from '../api/index.js';
+
+
+
+export const getdoctors=async(formdata)=>{
+
+
+    try {
+
+        const {data}= await api.getDoctors(formdata);
+        return data;
+    } catch (error) {
+
+    }
+}
+
+export const getdoctorsbyid=async(formdata)=>{
+
+
+    try {
+
+        const {data}= await api.getDoctorsbyid(formdata);
+        console.log(data)
+        return data;
+    } catch (error) {
+
+    }
+}
+export const getdoctorsAppbyid=async(formdata)=>{
+
+
+    try {
+
+        const {data}= await api.getDoctorsAppbyid(formdata);
+        console.log(data)
+        return data;
+    } catch (error) {
+
+    }
+}
+
+
+export const bookAppointment= async(formdata)=>{
+
+
+    try {
+        const {data} = await api.bookApp(formdata)
+        return data;
+    } catch (error) {
+
+    }}
+
+    export const cancelapp= async(formdata)=>{
+
+
+        try {
+            const {data} = await api.cancelApp(formdata)
+            return data;
+        } catch (error) {
+
+        }}

src/actions/health.js

@@ -0,0 +1,13 @@
+import * as api from '../api/index.js';
+
+export const addhealth=async(formData)=>{
+
+
+    try {
+        const {data}=await api.addHealth(formData);
+        return data;
+
+    } catch (error) {
+
+    }
+}

src/actions/hospital.js

@@ -0,0 +1,14 @@
+import * as api from '../api/index.js';
+
+
+
+export const gethospital=async(formdata)=>{
+
+
+    try {
+        const {data}= await api.getHospital(formdata);
+        return data;
+    } catch (error) {
+
+    }
+}

src/actions/mail.js

@@ -0,0 +1,15 @@
+import * as api from '../api/index.js';
+
+
+
+export const sendotp=async(formData)=>{
+    console.log(formData)
+    try {
+        const {data}=await api.sendOtp(formData);
+        return data;
+
+
+    } catch (error) {
+
+    }
+}

src/api/Modelapi.js

@@ -1,15 +1,15 @@
 import axios from 'axios';
 
-const API= axios.create({ baseURL: 'http://127.0.0.1:5000'}) ;
+const API= axios.create({ baseURL: 'http://127.0.0.1:5000/'}) ;
 
-const config=(data)=>({
-method: 'POST',
-body: JSON.stringify(data), // converts it to string objects means keys bhi string hoti h
-headers: {
-  'Content-type': 'application/json; charset=UTF-8',
+// const config=(data)=>({
+// method: 'POST',
+// body: JSON.stringify(data), // converts it to string objects means keys bhi string hoti h
+// headers: {
+//   'Content-type': 'application/json; charset=UTF-8',
 
-},
-})
+// },
+// })
 
 export const checkHairLoss = (data) => API.post('/hairloss/predict_hair', data);
 export const checkBreastCancer = (data) => API.post('/breast/predict_breast', data);

src/api/index.js

@@ -0,0 +1,54 @@
+import axios from 'axios';
+const API = axios.create({baseURL:'http://localhost:5000/'});
+API.interceptors.request.use((req) => {
+    if (localStorage.getItem('profile')) {
+      req.headers.Authorization = `Bearer ${JSON.parse(localStorage.getItem('profile')).token}`;
+    }
+
+    return req;
+  });
+
+
+  export const signIn=(formData)=> API.post('/user/signin',formData);
+
+  export const signUp=(formData)=> API.post('/user/signup',formData);
+
+
+
+
+
+
+
+
+
+  export const addHealth=(formData)=> API.post('/add/health',formData);
+
+
+
+
+
+
+  export const getDoctors=(formData)=> API.post('/doctor/get',formData);
+
+  export const getDoctorsbyid=(formData)=> API.post('/doctor/getbyid',formData);
+
+  export const getDoctorsAppbyid=(formData)=> API.post('/doctor/getbyappid',formData);
+
+  export const bookApp=(formData)=> API.post('/doctor/addappointment',formData);
+
+
+
+  export const cancelApp=(formData)=> API.post('/doctor/cancelappointment',formData);
+
+
+
+  export const getHospital=(formData)=> API.post('/hospital/get',formData);
+
+
+
+
+
+
+  export const sendOtp=(formData)=> API.post('/send/mail',formData);
+
+