├── public ├── favicon.ico ├── logo192.png ├── logo512.png ├── robots.txt ├── manifest.json └── index.html ├── src ├── assets │ ├── Logo.png │ ├── Margo.jpg │ ├── profile.png │ ├── lp_vector.png │ └── icon _search.png ├── setupTests.js ├── App.test.js ├── reportWebVitals.js ├── index.css ├── index.js ├── Doc.js ├── Patient3.js ├── profile.js ├── App.css ├── Navbar.js ├── TodaysApp.css ├── Navbar.css ├── Patient2.css ├── Patient2.js ├── Psign.js ├── SignUp.js ├── DocList.js ├── Patient1.js ├── profile.css ├── login.js ├── Doclist.css ├── App.js ├── landingPage.js ├── TodaysApp.js ├── Patient1.css ├── Dlogin.js ├── logo.svg ├── Psign.css ├── Dsign.css ├── Dsignup.js ├── SignUp.css ├── login.css ├── Patient3.css ├── Dsign.js └── landingPage.css ├── backend └── models │ ├── patientschema.js │ ├── drschema.js │ ├── PatientInfo.js │ └── DrInfo.js ├── .gitignore ├── package.json ├── README.md └── server.js /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/public/logo512.png -------------------------------------------------------------------------------- /src/assets/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/src/assets/Logo.png -------------------------------------------------------------------------------- /src/assets/Margo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/src/assets/Margo.jpg -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/assets/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/src/assets/profile.png -------------------------------------------------------------------------------- /src/assets/lp_vector.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/src/assets/lp_vector.png -------------------------------------------------------------------------------- /src/assets/icon _search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akpadia02/HTF_24/HEAD/src/assets/icon _search.png -------------------------------------------------------------------------------- /backend/models/patientschema.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | const patientSchema = new mongoose.Schema({ 3 | email: String, 4 | password: String, 5 | }); 6 | const Patient = mongoose.model('Patient', patientSchema); 7 | module.exports = Patient; -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /backend/models/drschema.js: -------------------------------------------------------------------------------- 1 | const mongoose=require('mongoose') 2 | 3 | const doctorSchema = new mongoose.Schema({ 4 | email: String, 5 | password: String, 6 | }); 7 | 8 | const Doctor = mongoose.model('Doctor', doctorSchema); 9 | 10 | module.exports=Doctor; -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /backend/models/PatientInfo.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | const patientInfoSchema = new mongoose.Schema({ 3 | name: String, 4 | age: String, 5 | address: String, 6 | }); 7 | const patientInfo = mongoose.model('patientInfo', patientInfoSchema); 8 | module.exports = patientInfo; -------------------------------------------------------------------------------- /backend/models/DrInfo.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | const drInfoSchema = new mongoose.Schema({ 3 | name: String, 4 | age: String, 5 | qualification: String, 6 | experience: String, 7 | address: String, 8 | about: String, 9 | }); 10 | const drInfo = mongoose.model('drInfo', drInfoSchema); 11 | module.exports = drInfo; -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | -------------------------------------------------------------------------------- /src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | 15 | 16 | /* *{ 17 | border: 1px solid red; 18 | } */ -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | import reportWebVitals from './reportWebVitals'; 6 | 7 | const root = ReactDOM.createRoot(document.getElementById('root')); 8 | root.render( 9 | 10 | 11 | 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /src/Doc.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './Doclist.css'; 3 | const Doc = (props) => { 4 | return ( 5 |
6 | 7 | 8 | 9 |
10 |
11 | ); 12 | }; 13 | 14 | const Image = (props) => { 15 | return Doc 16 | } 17 | const Name = (props) =>

{props.t}

18 | const Specialist = (props) =>

{props.a}

19 | const Address = (props) =>

{props.aa}

20 | 21 | export default Doc; -------------------------------------------------------------------------------- /src/Patient3.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Navbar from './Navbar.js'; 3 | import './Patient3.css'; 4 | import Profile1 from './profile.js'; 5 | 6 | function Patient3() { 7 | return ( 8 | <> 9 | {/* */} 10 | 11 |
12 |
13 |
Current patient number: pqr
14 |
Your appointment number: xyz
15 |
16 |
17 | 18 | ); 19 | } 20 | 21 | export default Patient3; 22 | -------------------------------------------------------------------------------- /src/profile.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './profile.css'; 3 | import Profile from './assets/profile.png'; 4 | 5 | function Profile1() { 6 | return ( 7 |
8 |
9 |
10 | 11 |
12 |
13 |

Dr. Lorem Ipsum

14 |

DENTISTRY

15 | MBBS M.D

16 | Kroma Multispeciality Dental Clinic, Gandhinagar

17 | 30 yrs

18 |
19 |
20 | 21 |
22 | ); 23 | } 24 | export default Profile1; -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | .App-logo { 6 | height: 40vmin; 7 | pointer-events: none; 8 | } 9 | 10 | @media (prefers-reduced-motion: no-preference) { 11 | .App-logo { 12 | animation: App-logo-spin infinite 20s linear; 13 | } 14 | } 15 | 16 | .App-header { 17 | background-color: #282c34; 18 | min-height: 100vh; 19 | display: flex; 20 | flex-direction: column; 21 | align-items: center; 22 | justify-content: center; 23 | font-size: calc(10px + 2vmin); 24 | color: white; 25 | } 26 | 27 | .App-link { 28 | color: #61dafb; 29 | } 30 | 31 | @keyframes App-logo-spin { 32 | from { 33 | transform: rotate(0deg); 34 | } 35 | to { 36 | transform: rotate(360deg); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/Navbar.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Logo from './assets/Logo.png'; 3 | import './Navbar.css'; 4 | import { BrowserRouter as Router, Link } from 'react-router-dom'; 5 | 6 | const Navbar = () => { 7 | return ( 8 |
9 | 18 |
19 | 20 | ); 21 | } 22 | 23 | export default Navbar; -------------------------------------------------------------------------------- /src/TodaysApp.css: -------------------------------------------------------------------------------- 1 | .main{ 2 | display: flex; 3 | flex-direction: column; 4 | justify-content: center; 5 | align-items: center; 6 | width: 100%; 7 | } 8 | 9 | /* styles.css */ 10 | table { 11 | width: 100%; 12 | } 13 | 14 | h1{ 15 | text-align: center; 16 | } 17 | 18 | th, td { 19 | padding: 8px; 20 | text-align: left; 21 | } 22 | 23 | th { 24 | background-color: #fff0bd; 25 | } 26 | 27 | tr:nth-child(even) { 28 | background-color: #fff0bd; 29 | } 30 | 31 | input[type="checkbox"] { 32 | transform: scale(1.5); 33 | } 34 | 35 | 36 | @media screen and (max-width: 840px) { 37 | .list{ 38 | margin-top: -18rem; 39 | } 40 | } 41 | 42 | @media screen and (max-width: 430px) { 43 | .list{ 44 | margin-top: -18rem; 45 | } 46 | } -------------------------------------------------------------------------------- /src/Navbar.css: -------------------------------------------------------------------------------- 1 | /* Navbar.css */ 2 | 3 | .landing-page { 4 | background-color: #fff0bd; /* Change the background color as needed */ 5 | padding: 20px; /* Adjust padding as needed */ 6 | height: 90px; 7 | } 8 | 9 | .navbar { 10 | display: flex; 11 | justify-content: space-between; 12 | align-items: center; 13 | } 14 | 15 | .logo img { 16 | width: 90px; /* Adjust logo width as needed */ 17 | height: 70px; /* Maintain aspect ratio */ 18 | } 19 | 20 | .nav-links { 21 | display: flex; 22 | font-size: 25px; 23 | } 24 | 25 | .nav-links a { 26 | margin-right: 20px; /* Adjust link spacing as needed */ 27 | color: #000000; /* Change link color as needed */ 28 | text-decoration: none; 29 | } 30 | 31 | .nav-links a:hover { 32 | color: #007bff; /* Change link hover color as needed */ 33 | } -------------------------------------------------------------------------------- /src/Patient2.css: -------------------------------------------------------------------------------- 1 | .profile-container { 2 | background-image: linear-gradient(to right, #fff0bd, #fffdf5); 3 | display: flex; 4 | flex-direction: column; 5 | align-items: center; 6 | } 7 | 8 | .action-button { 9 | margin-top: 7rem; 10 | padding: 0rem 2rem; 11 | background-color: #007bff; /* Adjust color as needed */ 12 | color: white; 13 | border: none; 14 | border-radius: 5px; 15 | cursor: pointer; 16 | 17 | } 18 | .action-button:hover { 19 | background-color: #0056b3; /* Adjust color as needed */ 20 | } 21 | .additional-text { 22 | margin-top: 1rem; 23 | margin-left: 6rem; 24 | margin-right: 8rem; 25 | } 26 | @media screen and (max-width : 840px){ 27 | .action-button { 28 | margin-top: -7rem; 29 | } 30 | } 31 | @media screen and (max-width : 430px){ 32 | .action-button { 33 | margin-top: 3rem; 34 | } 35 | .action-button { 36 | margin-top: 7rem; 37 | } 38 | } -------------------------------------------------------------------------------- /src/Patient2.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Navbar from './Navbar.js'; 3 | import './Patient2.css'; 4 | import Profile1 from './profile.js'; 5 | import Patient3 from './Patient3.js'; 6 | import { BrowserRouter as Router, Link } from 'react-router-dom'; 7 | 8 | function Patient2() { 9 | return ( 10 | <> 11 | {/* */} 12 | 13 |
14 |

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

15 |
16 |
17 | 18 |
19 | 20 | ); 21 | } 22 | 23 | export default Patient2; 24 | -------------------------------------------------------------------------------- /src/Psign.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './Psign.css'; // Assuming you have a corresponding CSS file for Psign 3 | import { BrowserRouter as Router, Link } from 'react-router-dom'; 4 | import Patient1 from './Patient1'; 5 | 6 | const Psign = () => { 7 | return ( 8 |
9 |

Patient Sign Up

10 |
11 |
12 |
13 | 14 | 15 |
16 |
17 | 18 | 19 |
20 |
21 | 22 |