public/Medical_App/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MedConsult</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <br>
        <br>
        <h1>MedConsult</h1>
        <p>Connecting Local Doctors with Specialists</p>
    </header>
    <main>
        <section id="consultation-form">
            <h2 >Request a Consultation</h2>
            <form id="requestForm">
                <label for="doctorName">Doctor's Name:</label>
                <input type="text" id="doctorName" name="doctorName" required placeholder="Doctor's Name">

                <label for="patientCondition">Patient's Condition:</label>
                <textarea id="patientCondition" name="patientCondition"  placeholder="Condition" required></textarea>

                <label for="specialistType">Specialist Needed:</label>
                <input type="text" id="specialistSearch" placeholder="Search Specialist...">
                <select id="specialistType" name="specialistType" required></select>

                <button type="submit">Submit</button>
            </form>
        </section>
        <section id="consultation-status">
            <h2>Consultation Status</h2>
            <div id="statusMessage"></div>
            <div id="loading" style="display:none;">Loading...</div>
        </section>
        <section id="specialist-response" style="display:none;">
            <h2>Provide Your Suggestion</h2>
            <form id="responseForm">
                <label for="consultationId">Consultation ID:</label>
                <input type="text" id="consultationId" name="consultationId" required>

                <label for="suggestion">Your Suggestion:</label>
                <textarea id="suggestion" name="suggestion" required></textarea>

                <button type="submit">Submit Suggestion</button>
            </form>
        </section>
        <section id="consultation-history">
            <h2>Consultation History</h2>
            <ul id="historyList"></ul>
        </section>
        <section id="feedback">
            
            <!-- <form id="feedbackForm">
                <label for="feedbackMessage">Your Feedback:</label>
                <textarea id="feedbackMessage" name="feedbackMessage" required></textarea>
                <button type="submit">Submit Feedback</button>
            </form> -->
            <a href="feedback.html" class="feed" ><button>Give Feedback</button></a>
        </section>
    </main>
    <script src="script.js"></script>
</body>
</html>
<!-- 🧘🏼‍♀️🧘🏼‍♀️ 👨🏼‍⚕️👨🏼‍⚕️ -->