Example React Code:

import React, { useState } from \"react\";\nimport axios from \"axios\";\n\nfunction DoctorRegistrationForm() {\n  const [formData, setFormData] = useState({\n    name: \"\",\n    email: \"\",\n    password: \"\",\n    phone: \"\",\n    dob: \"\",\n    gender: \"Male\",\n    doctorDepartment: \"\",\n    registrationNumber: \"\",\n    smcId: \"\", // This will store the selected smcId\n    year: \"\",\n    feePerConsultation: \"\",\n    startTime: \"\",\n    endTime: \"\",\n    monday: false,\n    tuesday: false,\n    wednesday: false,\n    thursday: false,\n    friday: false,\n    saturday: false,\n    sunday: false,\n    docAvatar: null,\n  });\n\n  const handleChange = (e) => {\n    const { name, value, type, checked } = e.target;\n    if (type === \"checkbox\") {\n      setFormData({ ...formData, [name]: checked });\n    } else {\n      setFormData({ ...formData, [name]: value });\n    }\n  };\n  const handleFileChange = (e) => {\n    setFormData({ ...formData, docAvatar: e.target.files[0] });\n  };\n\n  const handleSubmit = async (e) => {\n    e.preventDefault();\n    const data = new FormData();\n    for (const key in formData) {\n      if (key === \"docAvatar\" && formData[key]) {\n        data.append(key, formData[key]);\n      } else {\n        data.append(key, formData[key]);\n      }\n    }\n\n    console.log(formData);\n\n    // try {\n    //   const response = await axios.post(\n    //     \"http://localhost:4000/api/doctors/register\",\n    //     data,\n    //     {\n    //       headers: { \"Content-Type\": \"multipart/form-data\" },\n    //     }\n    //   );\n    //   console.log(\"Success:\", response.data);\n    //   alert(\"Doctor registered successfully!\");\n    // } catch (error) {\n    //   console.error(\"Error:\", error.response.data);\n    //   alert(\"Failed to register doctor.\");\n    // }\n  };\n\n  const councils = [\n    { id: 1, name: \"Andhra Pradesh Medical Council\" },\n    { id: 2, name: \"Arunachal Pradesh Medical Council\" },\n    { id: 3, name: \"Assam Medical Council\" },\n    { id: 28, name: \"Bhopal Medical Council\" },\n    { id: 4, name: \"Bihar Medical Council\" },\n    { id: 29, name: \"Bombay Medical Council\" },\n    { id: 30, name: \"Chandigarh Medical Council\" },\n    { id: 5, name: \"Chattisgarh Medical Council\" },\n    { id: 6, name: \"Delhi Medical Council\" },\n    { id: 7, name: \"Goa Medical Council\" },\n    { id: 8, name: \"Gujarat Medical Council\" },\n    { id: 9, name: \"Haryana Medical Council\" },\n    { id: 45, name: \"Hyderabad Medical Council\" },\n    { id: 10, name: \"Himachal Pradesh Medical Council\" },\n    { id: 11, name: \"Jammu & Kashmir Medical Council\" },\n    { id: 12, name: \"Jharkhand Medical Council\" },\n    { id: 13, name: \"Karnataka Medical Council\" },\n    { id: 46, name: \"Medical Council of India\" },\n    { id: 47, name: \"Medical Council of Tanganyika\" },\n    { id: 26, name: \"Manipur Medical Council\" },\n    { id: 36, name: \"Madras Medical Council\" },\n    { id: 15, name: \"Madhya Pradesh Medical Council\" },\n    { id: 35, name: \"Mahakoshal Medical Council\" },\n    { id: 16, name: \"Maharashtra Medical Council\" },\n    { id: 42, name: \"Mizoram Medical Council\" },\n    { id: 37, name: \"Mysore Medical Council\" },\n    { id: 41, name: \"Nagaland Medical Council\" },\n    { id: 17, name: \"Orissa Council of Medical Registration\" },\n    { id: 38, name: \"Pondicherry Medical Council\" },\n    { id: 18, name: \"Punjab Medical Council\" },\n    { id: 19, name: \"Rajasthan Medical Council\" },\n    { id: 43, name: \"Telangana State Medical Council\" },\n    { id: 50, name: \"Travancore Cochin Medical Council, Trivandrum\" },\n    { id: 22, name: \"Tripura State Medical Council\" },\n    { id: 23, name: \"Uttar Pradesh Medical Council\" },\n    { id: 24, name: \"Uttarakhand Medical Council\" },\n    { id: 40, name: \"Vidharba Medical Council\" },\n    { id: 20, name: \"Sikkim Medical Council\" },\n    { id: 21, name: \"Tamil Nadu Medical Council\" },\n    { id: 25, name: \"West Bengal Medical Council\" },\n  ];\n\n  return (\n    <form onSubmit={handleSubmit}>\n      <input\n        type=\"text\"\n        name=\"name\"\n        value={formData.name}\n        onChange={handleChange}\n        placeholder=\"Name\"\n        required\n      />\n      <input\n        type=\"email\"\n        name=\"email\"\n        value={formData.email}\n        onChange={handleChange}\n        placeholder=\"Email\"\n        required\n      />\n      <input\n        type=\"password\"\n        name=\"password\"\n        value={formData.password}\n        onChange={handleChange}\n        placeholder=\"Password\"\n        required\n      />\n      <input\n        type=\"text\"\n        name=\"phone\"\n        value={formData.phone}\n        onChange={handleChange}\n        placeholder=\"Phone\"\n        required\n      />\n      <input\n        type=\"date\"\n        name=\"dob\"\n        value={formData.dob}\n        onChange={handleChange}\n        required\n      />\n      <select\n        name=\"gender\"\n        value={formData.gender}\n        onChange={handleChange}\n        required\n      >\n        <option value=\"Male\">Male</option>\n        <option value=\"Female\">Female</option>\n        <option value=\"Other\">Other</option>\n      </select>\n      <input\n        type=\"text\"\n        name=\"doctorDepartment\"\n        value={formData.doctorDepartment}\n        onChange={handleChange}\n        placeholder=\"Department\"\n        required\n      />\n      <input\n        type=\"text\"\n        name=\"registrationNumber\"\n        value={formData.registrationNumber}\n        onChange={handleChange}\n        placeholder=\"Registration Number\"\n        required\n      />\n      <select\n        name=\"smcId\"\n        value={formData.smcId}\n        onChange={handleChange}\n        required\n      >\n        {councils.map((council) => (\n          <option key={council.id} value={council.id}>\n            {council.name}\n          </option>\n        ))}\n      </select>\n      <input\n        type=\"text\"\n        name=\"year\"\n        value={formData.year}\n        onChange={handleChange}\n        placeholder=\"Year of Registration\"\n        required\n      />\n      <input\n        type=\"number\"\n        name=\"feePerConsultation\"\n        value={formData.feePerConsultation}\n        onChange={handleChange}\n        placeholder=\"Fee Per Consultation\"\n        required\n      />\n      <input\n        type=\"time\"\n        name=\"startTime\"\n        value={formData.startTime}\n        onChange={handleChange}\n        placeholder=\"Start Time\"\n        required\n      />\n      <input\n        type=\"time\"\n        name=\"endTime\"\n        value={formData.endTime}\n        onChange={handleChange}\n        placeholder=\"End Time\"\n        required\n      />\n      {[\n        \"monday\",\n        \"tuesday\",\n        \"wednesday\",\n        \"thursday\",\n        \"friday\",\n        \"saturday\",\n        \"sunday\",\n      ].map((day) => (\n        <div key={day}>\n          <label>\n            <input\n              type=\"checkbox\"\n              name={day}\n              checked={formData[day]}\n              onChange={handleChange}\n            />\n            {day.charAt(0).toUpperCase() + day.slice(1)}\n          </label>\n        </div>\n      ))}\n      <input\n        type=\"file\"\n        name=\"docAvatar\"\n        onChange={handleFileChange}\n        required\n      />\n      <button type=\"submit\">Register Doctor</button>\n    </form>\n  );\n}\n\nexport default DoctorRegistrationForm;\n\n\n

","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","doctor","addNew"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"d4f6d87b-ec19-4235-9708-475667cf47ad"},{"name":"All Approved Doctors","id":"300aac8f-5467-4981-927f-4db5943efc21","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/user/approved-doctors","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","approved-doctors"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"300aac8f-5467-4981-927f-4db5943efc21"},{"name":"Update Doctor","id":"f9bf36e1-3137-4c87-9ac9-9c65eb3121ea","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"PUT","header":[],"body":{"mode":"formdata","formdata":[{"key":"doctorDepartment","value":"Eye Care","type":"text"},{"key":"email","value":"roysexy@gmail.com","type":"text"},{"key":"gender","value":"Male","type":"text"},{"key":"phone","value":"1267381234","type":"text"},{"key":"feePerConsultation","value":"150","type":"text"},{"key":"startTime","value":"8:00","type":"text"},{"key":"endTime","value":"10:00","type":"text"},{"key":"monday","value":"false","type":"text"},{"key":"tuesday","value":"false","type":"text"},{"key":"wednesday","value":"false","type":"text"},{"key":"thursday","value":"false","type":"text"},{"key":"friday","value":"false","type":"text"},{"key":"saturday","value":"false","type":"text"},{"key":"sunday","value":"false","type":"text"},{"key":"status","value":"Accepted","type":"text"}]},"url":"http://localhost:4000/api/v1/user/doctor/update/662cbacf1b9da37d9c73283f","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","doctor","update","662cbacf1b9da37d9c73283f"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"f9bf36e1-3137-4c87-9ac9-9c65eb3121ea"},{"name":"get doctor from a department","id":"d2368544-0dbc-49d0-ae56-a9c19f604900","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/user/doctor/eye-care","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","doctor","eye-care"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"d2368544-0dbc-49d0-ae56-a9c19f604900"}],"id":"2c53d23c-7e9d-44a1-b3fc-691d593cc51b","_postman_id":"2c53d23c-7e9d-44a1-b3fc-691d593cc51b","description":""},{"name":"Admin","item":[{"name":"Admin Logout","id":"3b60d408-2fc8-494b-b474-8fd76dfd59a3","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[],"url":"http://localhost:4000/api/v1/user/admin/logout","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","admin","logout"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"3b60d408-2fc8-494b-b474-8fd76dfd59a3"},{"name":"Add New Admin","id":"a9529e4f-02f9-4980-bbef-bf1f5c60c34f","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[],"body":{"mode":"raw","raw":"{\r\n \"name\":\"Sovan Roy\",\r\n \"email\":\"roysovan00@gmail.com\",\r\n \"password\":\"123456\",\r\n \"dob\":\"02/04/2024\",\r\n \"gender\":\"Male\",\r\n \"phone\":\"1234567890\" \r\n}","options":{"raw":{"language":"json"}}},"url":"http://localhost:4000/api/v1/user/admin/addnew","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","admin","addnew"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"a9529e4f-02f9-4980-bbef-bf1f5c60c34f"},{"name":"Delete User","id":"16413d45-e622-464b-b15d-d6e3f5a5ad12","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"DELETE","header":[],"url":"http://localhost:4000/api/v1/user/662ff9bd02781fe905261f1b","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","662ff9bd02781fe905261f1b"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"16413d45-e622-464b-b15d-d6e3f5a5ad12"},{"name":"Get All Admins","id":"03f1902b-877e-4a2f-93b2-47bc4482790f","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/user/admins","urlObject":{"protocol":"http","port":"4000","path":["api","v1","user","admins"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"03f1902b-877e-4a2f-93b2-47bc4482790f"}],"id":"d594415b-11e2-42f6-a576-e705959356d1","_postman_id":"d594415b-11e2-42f6-a576-e705959356d1","description":""},{"name":"Appointment","item":[{"name":"Get All Appointments","id":"01a6af7f-fda5-4af8-85b3-68af2ef0e0ce","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/appointment/getAll","urlObject":{"protocol":"http","port":"4000","path":["api","v1","appointment","getAll"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"01a6af7f-fda5-4af8-85b3-68af2ef0e0ce"},{"name":"Book Appointment","id":"8bd26c5f-caf0-4a02-b0f8-477eedd30d99","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[],"body":{"mode":"raw","raw":"{\r\n \"firstName\":\"Rupal\",\r\n \"lastName\":\"Pal\",\r\n \"email\":\"roysovan204@gmail.com\",\r\n \"phone\":\"8439306329\",\r\n \"dob\":\"09/12/2002\",\r\n \"gender\":\"Male\",\r\n \"appointmentDateTime\":\"04/24/2024\",\r\n \"department\":\"Gynecologist\",\r\n \"doctor_name\":\"SOUMYA SUVRA PATRA\",\r\n \"address\":\"dumdum road\"\r\n}","options":{"raw":{"language":"json"}}},"url":"http://localhost:4000/api/v1/appointment/post","urlObject":{"protocol":"http","port":"4000","path":["api","v1","appointment","post"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"8bd26c5f-caf0-4a02-b0f8-477eedd30d99"},{"name":"Update appointment","id":"8ea6ff54-7db2-456e-9611-f987661a38f9","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"PUT","header":[],"body":{"mode":"raw","raw":"{\r\n \"status\":\"Accepted\"\r\n}","options":{"raw":{"language":"json"}}},"url":"http://localhost:4000/api/v1/appointment/update/662cbeccdb12bda82331c9e0","urlObject":{"protocol":"http","port":"4000","path":["api","v1","appointment","update","662cbeccdb12bda82331c9e0"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"8ea6ff54-7db2-456e-9611-f987661a38f9"},{"name":"Delete Appointment","id":"94095461-ccde-41fb-834f-574603baf064","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"DELETE","header":[],"url":"http://localhost:4000/api/v1/appointment/delete/6617a82527544fb4a601e970","urlObject":{"protocol":"http","port":"4000","path":["api","v1","appointment","delete","6617a82527544fb4a601e970"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"94095461-ccde-41fb-834f-574603baf064"}],"id":"87f42b90-cca9-4f03-9bea-da9c36340cc0","_postman_id":"87f42b90-cca9-4f03-9bea-da9c36340cc0","description":""},{"name":"Blogs","item":[{"name":"Add Blog","id":"8f46cc48-2142-4b8a-886a-cb3c7bc8a74e","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[],"body":{"mode":"formdata","formdata":[{"key":"coverImageUrl","type":"file","fileNotInWorkingDirectoryWarning":"This file isn't in your working directory. Teammates you share this request with won't be able to use this file. To make collaboration easier you can setup your working directory in Settings.","filesNotInWorkingDirectory":["/C:/Users/User/Downloads/knapsack.jpg"],"src":"/C:/Users/User/Downloads/knapsack.jpg"},{"key":"title","value":"The Importance of Mental Health: Understanding and Managing Anxiety Disorders","type":"text"},{"key":"body","value":"Anxiety disorders are a type of mental health disorder characterized by feelings of worry, anxiety, or fear that are strong enough to interfere with one's daily activities. These feelings may be brought on by certain situations, often relating to stress or trauma, but can also occur without any apparent reason.","type":"text"}]},"url":"http://localhost:4000/api/v1/blog/add","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","add"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"8f46cc48-2142-4b8a-886a-cb3c7bc8a74e"},{"name":"Get Single Blog","id":"1fae703c-9ea8-4e3a-8112-29507c2db7df","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/blog/663257a43c6be23921dbf96f","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","663257a43c6be23921dbf96f"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"1fae703c-9ea8-4e3a-8112-29507c2db7df"},{"name":"Get All Blogs","id":"84f8d532-f747-4d94-8299-b96c3a66b598","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"GET","header":[],"url":"http://localhost:4000/api/v1/blog/","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog",""],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"84f8d532-f747-4d94-8299-b96c3a66b598"},{"name":"Delete Blogs","id":"68f4c3bc-3eeb-436b-90de-301022ebbd89","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"DELETE","header":[],"url":"http://localhost:4000/api/v1/blog/663102fdf7055930e2029679","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","663102fdf7055930e2029679"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"68f4c3bc-3eeb-436b-90de-301022ebbd89"},{"name":"Update Blog","id":"51a90981-2a08-4fae-8a7d-33aa87bbf7b6","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"PUT","header":[],"body":{"mode":"formdata","formdata":[{"key":"title","value":"h1","type":"text"},{"key":"body","value":"sovan","type":"text"}]},"url":"http://localhost:4000/api/v1/blog/6631020ab7a691f1ba515122","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","6631020ab7a691f1ba515122"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"51a90981-2a08-4fae-8a7d-33aa87bbf7b6"},{"name":"Comment Add","id":"0281c2f5-bacd-44cf-9618-dc8cea7db22b","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"POST","header":[],"body":{"mode":"raw","raw":"{\r\n \"content\": \"This is testing comment\"\r\n}","options":{"raw":{"language":"json"}}},"url":"http://localhost:4000/api/v1/blog/663257a43c6be23921dbf96f/comment","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","663257a43c6be23921dbf96f","comment"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"0281c2f5-bacd-44cf-9618-dc8cea7db22b"},{"name":"Delete comment","id":"bdaa3374-7c40-45b1-8b7b-cb765603460d","protocolProfileBehavior":{"disableBodyPruning":true},"request":{"method":"DELETE","header":[],"url":"http://localhost:4000/api/v1/blog/comment/6632fc36fc0784903a500c52","urlObject":{"protocol":"http","port":"4000","path":["api","v1","blog","comment","6632fc36fc0784903a500c52"],"host":["localhost"],"query":[],"variable":[]}},"response":[],"_postman_id":"bdaa3374-7c40-45b1-8b7b-cb765603460d"}],"id":"1cd5072b-b5ba-4940-bbcb-4ddac882abf4","_postman_id":"1cd5072b-b5ba-4940-bbcb-4ddac882abf4","description":""}]}