Skip to content

Commit e2b7b71

Browse files
Update README.md
Changed the description of the README.md
1 parent 97b93de commit e2b7b71

File tree

1 file changed

+47
-4
lines changed

1 file changed

+47
-4
lines changed

README.md

Lines changed: 47 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,48 @@
1-
# Exercise-Medical-History-Intake-Form
1+
# Medical History Intake Form
2+
3+
This project is a **Medical History Intake Form** built entirely in HTML and with one script in JavaScript.
4+
It was created as a personal exercise after learning about HTML forms.
5+
6+
## **About**
7+
8+
The form collects essential personal, contact, and medical information from a patient before a medical appointment.
9+
It demonstrates:
10+
- Use of different HTML form elements (text, textarea, radio, checkbox, date, email, etc.)
11+
- Form structure using `<fieldset>` and logical grouping
12+
- Basic client-side interactivity using JavaScript
13+
14+
## 🏗️ **Features**
15+
16+
- Collects personal details (name, date of birth, gender)
17+
- Contact details (address, phone, email)
18+
- Allergy selection (with “None” logic that deselects others)
19+
- Medication and known medical conditions
20+
- Emergency contact details
21+
- Preferred appointment date and signature area
22+
- User-friendly layout and required fields for critical info
23+
24+
## 🚀 **How to Use**
25+
26+
1. **Clone or download this repository.**
27+
2. Open the `index.html` file in your browser.
28+
3. Fill out the form and submit.
29+
30+
*Note: The `action` attribute is currently set to `/action_page.php`.
31+
You can change this to your desired endpoint or integrate with a backend for real data collection.*
32+
33+
## 🛠️ **Customization**
34+
35+
- Add/remove input fields or questions to suit your workflow.
36+
- Style the form with CSS for a custom appearance.
37+
- Enhance JavaScript for more validation or interactivity.
38+
39+
## 🎯 **Learning Goals**
40+
41+
- Practice structuring accessible, user-friendly HTML forms
42+
- Gain experience with client-side form logic (e.g., managing exclusive checkboxes)
43+
- Understand form field requirements and data grouping
44+
45+
## 📸 **Screenshot**
46+
47+
_Add a screenshot of the form here (optional):_
248

3-
After finishing Freecodecamp's curriculum on HTML forms I have built a few small projects, to practice what I have learned.
4-
This is the first project and it is an imaginary Medical History Intake Form, in which all sort of fields and input types
5-
are being shown.

0 commit comments

Comments
 (0)