├── README.md
├── script.js
├── qna.js
├── medicine_reminder_styles.css
├── index.html
├── login.html
├── medine.html
├── style3.css
├── signup.html
├── reports.html
├── styles.css
├── profile.html
├── reports.css
├── profile.js
├── aboutus.html
├── script1.js
├── medicine_reminder_script.js
├── style1.css
├── advice.html
├── reports.js
├── health.html
└── routine.html


/README.md:
--------------------------------------------------------------------------------
1 | # Health-remainder-app


--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener("DOMContentLoaded", function () {
 2 |     const loginForm = document.getElementById("loginForm");
 3 | 
 4 |     loginForm.addEventListener("submit", function (event) {
 5 |         event.preventDefault();
 6 | 
 7 |         const email = document.getElementById("loginEmail").value;
 8 |         const password = document.getElementById("loginPassword").value;
 9 | 
10 |         // Basic validation (Replace this with actual authentication logic)
11 |         if (email.trim() !== "" && password.trim() !== "") {
12 |             alert("Login Successful!");
13 |             window.location.href = "profile.html"; // Redirect to health.html
14 |         } else {
15 |             alert("Invalid email or password. Please try again.");
16 |         }
17 |     });
18 | });
19 | 


--------------------------------------------------------------------------------
/qna.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener("DOMContentLoaded", function () {
 2 |     const healthForm = document.getElementById("healthForm");
 3 | 
 4 |     healthForm.addEventListener("submit", function (event) {
 5 |         event.preventDefault();
 6 |         
 7 |         const responses = {
 8 |             exercise: document.getElementById("exercise").value,
 9 |             sleepHours: document.getElementById("sleepHours").value,
10 |             diet: document.getElementById("diet").value,
11 |             stress: document.getElementById("stress").value,
12 |             waterIntake: document.getElementById("waterIntake").value,
13 |             fastFood: document.getElementById("fastFood").value,
14 |             smokeAlcohol: document.getElementById("smokeAlcohol").value,
15 |             medicalCheckup: document.getElementById("medicalCheckup").value
16 |         };
17 | 
18 |         let advicePages = "advice.html?";
19 |         for (const key in responses) {
20 |             advicePages += `${key}=${responses[key]}&`;
21 |         }
22 |         
23 |         window.location.href = advicePages;
24 |     });
25 |     saveHealthData(["I exercise daily", "I drink 2 liters of water"]);
26 | 
27 | });
28 | 


--------------------------------------------------------------------------------
/medicine_reminder_styles.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     font-family: Arial, sans-serif;
 3 |     margin: 0;
 4 |     padding: 0;
 5 |     background-color: #f4f4f4;
 6 |     text-align: center;
 7 | }
 8 | 
 9 | nav {
10 |     background: #007bff;
11 |     padding: 10px;
12 | }
13 | 
14 | nav ul {
15 |     list-style: none;
16 |     padding: 0;
17 | }
18 | 
19 | nav ul li {
20 |     display: inline;
21 |     margin: 0 15px;
22 | }
23 | 
24 | nav ul li a {
25 |     color: white;
26 |     text-decoration: none;
27 |     font-size: 18px;
28 | }
29 | 
30 | section {
31 |     margin: 20px;
32 |     padding: 20px;
33 |     background: white;
34 |     border-radius: 10px;
35 |     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
36 |     display: inline-block;
37 | }
38 | 
39 | h1, h2 {
40 |     color: #333;
41 | }
42 | 
43 | form {
44 |     margin-top: 20px;
45 | }
46 | 
47 | label, input, button {
48 |     display: block;
49 |     margin: 10px auto;
50 |     padding: 10px;
51 |     width: 80%;
52 |     max-width: 300px;
53 | }
54 | 
55 | button {
56 |     background: #007bff;
57 |     color: white;
58 |     border: none;
59 |     cursor: pointer;
60 |     font-size: 16px;
61 | }
62 | 
63 | button:hover {
64 |     background: #0056b3;
65 | }
66 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Health Reminder App</title>
 7 |     <link rel="stylesheet" href="styles.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="aboutus.html">About Us</a></li>
14 |             <li><a href="login.html">Login</a></li>
15 |             <li><a href="profile.html">Profile</a></li>
16 |             <li><a href="qna.html">Health Q&A</a></li>
17 |             <li><a href="routine.html">Routine</a></li>
18 |             <li><a href="advice.html">Health Advice</a></li>
19 |             <li><a href="medine.html">Medicine Reminder</a></li>
20 |             <li><a href="reports.html">Reports</a></li>
21 |         </ul>
22 |     </nav>
23 |     <section>
24 |         <h1>Welcome to the Health Reminder App</h1>
25 |         <p>Stay on top of your health with personalized reminders, expert advice, and lifestyle recommendations.</p>
26 |         <p>Use this platform to track your health habits, get insights, and improve your well-being.</p>
27 |         <a href="signup.html"><button>Get Started</button></a>
28 |     </section>
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/login.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Login</title>
 7 |     <link rel="stylesheet" href="style1.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="aboutus.html">About Us</a></li>
14 |             <li><a href="signup.html">Sign Up</a></li>
15 |             <li><a href="profile.html">Profile</a></li>
16 |             <li><a href="health.html">Health Q&A</a></li>
17 |             <li><a href="routine.html">Routine Fix</a></li>
18 |             <li><a href="reports.html">Reports</a></li>
19 |         </ul>
20 |     </nav>
21 |     <section>
22 |         <h2>Login</h2>
23 |         <form id="loginForm">
24 |             <input type="email" id="loginEmail" placeholder="Email" required>
25 |             <input type="password" id="loginPassword" placeholder="Password" required>
26 |             <button type="submit">Login</button>
27 |         </form>
28 |         <p style="margin-top: 20px;">Don't have an account?</p>
29 |         <button onclick="location.href='signup.html'" class="signup-button">Sign Up</button>
30 |     </section>
31 |     <script src="script.js"></script>
32 | </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/medine.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Medicine Reminder</title>
 7 |     <link rel="stylesheet" href="medicine_reminder_styles.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="routine.html">Routine Fix</a></li>
14 |             <li><a href="medicine.html">Medicine Reminder</a></li>
15 |         </ul>
16 |     </nav>
17 |     
18 |     <section>
19 |         <h1>Medicine Reminder</h1>
20 |         <p>Set up reminders for your medication.</p>
21 |         
22 |         <h2>Set Medicine Schedule</h2>
23 |         <form id="medicineForm">
24 |             <label for="medicineName">Medicine Name:</label>
25 |             <input type="text" id="medicineName" required>
26 |             
27 |             <label for="medicineTime">Time to Take Medicine:</label>
28 |             <input type="time" id="medicineTime" required>
29 |             
30 |             <button type="submit">Set Reminder</button>
31 |         </form>
32 |         
33 |         <h2>Your Medicine Schedule</h2>
34 |         <div id="medicineDisplay">No medicine reminders set yet.</div>
35 |     </section>
36 |     
37 |     <script src="medicine_reminder_script.js"></script>
38 | </body>
39 | </html>


--------------------------------------------------------------------------------
/style3.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     font-family: Arial, sans-serif;
 3 |     background-color: #f4f4f4;
 4 |     margin: 0;
 5 |     padding: 0;
 6 | }
 7 | 
 8 | nav {
 9 |     background-color: #007BFF;
10 |     padding: 10px 0;
11 |     text-align: center;
12 | }
13 | 
14 | nav ul {
15 |     list-style: none;
16 |     padding: 0;
17 | }
18 | 
19 | nav ul li {
20 |     display: inline;
21 |     margin: 0 15px;
22 | }
23 | 
24 | nav ul li a {
25 |     color: white;
26 |     text-decoration: none;
27 |     font-size: 18px;
28 | }
29 | 
30 | section {
31 |     width: 50%;
32 |     margin: 50px auto;
33 |     background: white;
34 |     padding: 20px;
35 |     border-radius: 10px;
36 |     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
37 | }
38 | 
39 | h2 {
40 |     text-align: center;
41 |     color: #333;
42 | }
43 | 
44 | form {
45 |     display: flex;
46 |     flex-direction: column;
47 | }
48 | 
49 | label {
50 |     margin: 10px 0 5px;
51 |     font-weight: bold;
52 | }
53 | 
54 | input, select {
55 |     padding: 10px;
56 |     border: 1px solid #ccc;
57 |     border-radius: 5px;
58 |     font-size: 16px;
59 | }
60 | 
61 | button {
62 |     margin-top: 20px;
63 |     background-color: #007BFF;
64 |     color: white;
65 |     padding: 10px;
66 |     border: none;
67 |     border-radius: 5px;
68 |     font-size: 18px;
69 |     cursor: pointer;
70 | }
71 | 
72 | button:hover {
73 |     background-color: #0056b3;
74 | }
75 | 


--------------------------------------------------------------------------------
/signup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Sign Up</title>
 7 |     <link rel="stylesheet" href="style1.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="about.html">About Us</a></li>
14 |             <li><a href="login.html">Login</a></li>
15 |             <li><a href="profile.html">Profile</a></li>
16 |             <li><a href="health.html">Health Q&A</a></li>
17 |             <li><a href="routine.html">Routine Fix</a></li>
18 |         </ul>
19 |     </nav>
20 |     <section>
21 |         <h2>Sign Up</h2>
22 |         <p>Create an account to manage your health routines effectively.</p>
23 |         <form id="signupForm">
24 |             <input type="text" id="fullName" placeholder="Full Name" required>
25 |             <input type="email" id="signupEmail" placeholder="Email" required>
26 |             <input type="password" id="signupPassword" placeholder="Password" required>
27 |             <input type="password" id="confirmPassword" placeholder="Confirm Password" required>
28 |             <button type="submit">Sign Up</button>
29 |         </form>
30 |         <p style="margin-top: 20px;">Already have an account?</p>
31 |         <button onclick="location.href='login.html'" class="login-button">Login</button>
32 |     </section>
33 |     <script src="script1.js"></script>
34 | </body>
35 | </html>
36 | 


--------------------------------------------------------------------------------
/reports.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Health Reports</title>
 7 |     <link rel="stylesheet" href="reports.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="profile.html">Profile</a></li>
14 |             <li><a href="routine.html">Routine</a></li>
15 |             <li><a href="medine.html">Medicine</a></li>
16 |             <li><a href="reports.html">Reports</a></li>
17 |         </ul>
18 |     </nav>
19 | 
20 |     <section>
21 |         <h1>Your Health Reports</h1>
22 |         <p>Track and analyze your health habits to improve your well-being.</p>
23 | 
24 |         <h2>Daily Routine Summary</h2>
25 |         <div id="routineReport">
26 |             <p>No routine data available. Set up your routine in the <a href="routine.html">Routine Page</a>.</p>
27 |         </div>
28 | 
29 |         <h2>Medicine Intake Report</h2>
30 |         <div id="medicineReport">
31 |             <p>No medicine records available. Add reminders in the <a href="medine.html">Medicine Page</a>.</p>
32 |         </div>
33 | 
34 |         <h2>Health Insights</h2>
35 |         <div id="healthInsights">
36 |             <p>No health data available. Complete the <a href="health.html">Health Q&A</a> to get insights.</p>
37 |         </div>
38 | 
39 |         <button id="clearReports">Clear Reports</button>
40 |     </section>
41 | 
42 |     <script src="reports.js"></script>
43 | </body>
44 | </html>
45 | 


--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     font-family: Arial, sans-serif;
 3 |     margin: 0;
 4 |     padding: 0;
 5 |     background-color: #e3f2fd; /* Light Blue Background */
 6 |     color: #333;
 7 | }
 8 | 
 9 | nav {
10 |     background-color: #1976d2; /* Deep Blue */
11 |     padding: 10px 0;
12 |     text-align: center;
13 | }
14 | nav ul {
15 |     list-style: none;
16 |     padding: 0;
17 | }
18 | nav ul li {
19 |     display: inline;
20 |     margin: 0 15px;
21 | }
22 | nav ul li a {
23 |     color: white;
24 |     text-decoration: none;
25 |     font-weight: bold;
26 | }
27 | nav ul li a:hover {
28 |     text-decoration: underline;
29 | }
30 | 
31 | section {
32 |     max-width: 800px;
33 |     margin: 20px auto;
34 |     padding: 20px;
35 |     background-color: white;
36 |     border-radius: 10px;
37 |     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
38 | }
39 | 
40 | h2 {
41 |     text-align: center;
42 |     color: #1976d2;
43 | }
44 | 
45 | form {
46 |     display: flex;
47 |     flex-direction: column;
48 |     gap: 10px;
49 | }
50 | input, button {
51 |     padding: 10px;
52 |     border: 1px solid #ccc;
53 |     border-radius: 5px;
54 |     font-size: 16px;
55 | }
56 | button {
57 |     background-color: #1976d2;
58 |     color: white;
59 |     cursor: pointer;
60 |     border: none;
61 | }
62 | button:hover {
63 |     background-color: #1565c0;
64 | }
65 | #medicinePageButton {
66 |     display: none;
67 |     margin: 20px auto; /* Centers horizontally */
68 |     padding: 10px 15px;
69 |     font-size: 16px;
70 |     background-color: #007bff;
71 |     color: white;
72 |     border: none;
73 |     cursor: pointer;
74 |     border-radius: 5px;
75 |     display: block;
76 |     text-align: center;
77 |     width: fit-content;
78 | }
79 | #medicinePageButton:hover {
80 |     background-color: #0056b3;
81 | }
82 | 


--------------------------------------------------------------------------------
/profile.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>User Profile</title>
 7 |     <link rel="stylesheet" href="styles.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="routine.html">Routine Fix</a></li>
14 |             <li><a href="medicine.html">Medicine</a></li>
15 |             <li><a href="health.html">Health Q&A</a></li>
16 |             <li><a href="profile.html">Profile</a></li>
17 |             <li><a href="reports.html">Reports</a></li>
18 |         </ul>
19 |     </nav>
20 | 
21 |     <section>
22 |         <h1>User Profile</h1>
23 |         <form id="profileForm">
24 |             <label for="userName">Name:</label>
25 |             <input type="text" id="userName" required>
26 | 
27 |             <label for="userAge">Age:</label>
28 |             <input type="number" id="userAge" min="1" required>
29 | 
30 |             <label for="userGender">Gender:</label>
31 |             <select id="userGender" required>
32 |                 <option value="">Select</option>
33 |                 <option value="Male">Male</option>
34 |                 <option value="Female">Female</option>
35 |                 <option value="Other">Other</option>
36 |             </select>
37 | 
38 |             <label for="healthConditions">Health Conditions:</label>
39 |             <textarea id="healthConditions" placeholder="E.g., Diabetes, Hypertension"></textarea>
40 | 
41 |             <button type="submit">Save Profile</button>
42 |         </form>
43 | 
44 |         <h2>Your Profile</h2>
45 |         <div id="profileDisplay">No profile data yet.</div>
46 |     </section>
47 | 
48 |     <script src="profile.js"></script>
49 | </body>
50 | </html>
51 | 


--------------------------------------------------------------------------------
/reports.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     font-family: Arial, sans-serif;
 3 |     margin: 0;
 4 |     padding: 0;
 5 |     background-color: #f4f4f9;
 6 |     color: #333;
 7 | }
 8 | 
 9 | nav {
10 |     background: #007bff;
11 |     padding: 15px;
12 |     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
13 |     border-radius: 0 0 10px 10px;
14 | }
15 | 
16 | nav ul {
17 |     list-style: none;
18 |     display: flex;
19 |     justify-content: center;
20 |     padding: 0;
21 | }
22 | 
23 | nav ul li {
24 |     margin: 0 20px;
25 | }
26 | 
27 | nav ul li a {
28 |     color: white;
29 |     text-decoration: none;
30 |     font-size: 18px;
31 |     padding: 8px 12px;
32 |     transition: background 0.3s ease-in-out;
33 | }
34 | 
35 | nav ul li a:hover {
36 |     background: rgba(255, 255, 255, 0.2);
37 |     border-radius: 5px;
38 | }
39 | 
40 | section {
41 |     max-width: 800px;
42 |     margin: 30px auto;
43 |     padding: 25px;
44 |     background: white;
45 |     box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
46 |     border-radius: 10px;
47 | }
48 | 
49 | h1, h2 {
50 |     color: #0056b3;
51 |     text-align: center;
52 | }
53 | 
54 | p {
55 |     text-align: center;
56 |     font-size: 16px;
57 |     line-height: 1.5;
58 | }
59 | 
60 | div {
61 |     padding: 15px;
62 |     border-bottom: 1px solid #ddd;
63 |     background: white;
64 |     border-radius: 8px;
65 |     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
66 |     margin: 10px 0;
67 | }
68 | 
69 | a {
70 |     color: #007bff;
71 |     text-decoration: none;
72 |     font-weight: bold;
73 | }
74 | 
75 | a:hover {
76 |     text-decoration: underline;
77 |     color: #0056b3;
78 | }
79 | 
80 | /* Button Styling */
81 | button#clearReports {
82 |     display: block;
83 |     margin: 20px auto;
84 |     padding: 10px 15px;
85 |     background: #dc3545;
86 |     color: white;
87 |     border: none;
88 |     border-radius: 5px;
89 |     cursor: pointer;
90 | }
91 | 
92 | button#clearReports:hover {
93 |     background: #c82333;
94 | }
95 | 


--------------------------------------------------------------------------------
/profile.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener("DOMContentLoaded", function () {
 2 |     const profileForm = document.getElementById("profileForm");
 3 |     const profileDisplay = document.getElementById("profileDisplay");
 4 | 
 5 |     // Load saved profile data from localStorage
 6 |     function loadProfile() {
 7 |         const storedProfile = JSON.parse(localStorage.getItem("userProfile"));
 8 | 
 9 |         if (storedProfile) {
10 |             document.getElementById("userName").value = storedProfile.name || "";
11 |             document.getElementById("userAge").value = storedProfile.age || "";
12 |             document.getElementById("userGender").value = storedProfile.gender || "";
13 |             document.getElementById("healthConditions").value = storedProfile.conditions || "";
14 | 
15 |             // Display saved profile
16 |             profileDisplay.innerHTML = `
17 |                 <p><strong>Name:</strong> ${storedProfile.name}</p>
18 |                 <p><strong>Age:</strong> ${storedProfile.age}</p>
19 |                 <p><strong>Gender:</strong> ${storedProfile.gender}</p>
20 |                 <p><strong>Health Conditions:</strong> ${storedProfile.conditions || "None"}</p>
21 |             `;
22 |         }
23 |     }
24 | 
25 |     // Save profile data and redirect to health.html
26 |     profileForm.addEventListener("submit", function (event) {
27 |         event.preventDefault(); // Prevent default form submission
28 | 
29 |         const userProfile = {
30 |             name: document.getElementById("userName").value,
31 |             age: document.getElementById("userAge").value,
32 |             gender: document.getElementById("userGender").value,
33 |             conditions: document.getElementById("healthConditions").value,
34 |         };
35 | 
36 |         localStorage.setItem("userProfile", JSON.stringify(userProfile));
37 | 
38 |         alert("Profile saved successfully! Redirecting to Health Q&A page.");
39 |         window.location.href = "health.html"; // Redirect to Health Q&A page
40 |     });
41 | 
42 |     // Load profile on page load
43 |     loadProfile();
44 | });
45 | 


--------------------------------------------------------------------------------
/aboutus.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>About Us</title>
 7 |     <link rel="stylesheet" href="styles.css">
 8 |     <style>
 9 |         .center-button {
10 |             display: flex;
11 |             justify-content: center;
12 |             margin-top: 20px;
13 |         }
14 |     </style>
15 | </head>
16 | <body>
17 |     <nav>
18 |         <ul>
19 |             <li><a href="index.html">Home</a></li>
20 |             <li><a href="login.html">Login</a></li>
21 |             <li><a href="signup.html">Sign Up</a></li>
22 |             <li><a href="profile.html">Profile</a></li>
23 |             <li><a href="health.html">Health Q&A</a></li>
24 |             <li><a href="routine.html">Routine Fix</a></li>
25 |             <li><a href="reports.html">Reports</a></li>
26 |         </ul>
27 |     </nav>
28 |     <section>
29 |         <h1>About Us</h1>
30 |         <p>Welcome to the Health Reminder App – your personal health companion designed to help you lead a healthier lifestyle. Our mission is to empower individuals with the right tools to track their health, build healthy habits, and stay informed about their well-being.</p>
31 |         
32 |         <h2>Our Mission</h2>
33 |         <p>We believe in proactive healthcare. By providing timely reminders, health tracking, and expert advice, we aim to help you prevent health issues before they arise.</p>
34 |         
35 |         <h2>Why Choose Us?</h2>
36 |         <ul>
37 |             <li>Personalized health reminders and recommendations</li>
38 |             <li>Easy-to-use interface for seamless tracking</li>
39 |             <li>Scientific and expert-backed health insights</li>
40 |             <li>Guidance for exercise, sleep, diet, and stress management</li>
41 |         </ul>
42 |         
43 |         <h2>Join Us</h2>
44 |         <p>Take charge of your health today! Sign up and start your journey towards a healthier life.</p>
45 |         <div class="center-button">
46 |             <a href="signup.html"><button>Get Started</button></a>
47 |         </div>
48 |     </section>
49 | </body>
50 | </html>
51 | 


--------------------------------------------------------------------------------
/script1.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener("DOMContentLoaded", function () {
 2 |     const loginForm = document.getElementById("loginForm");
 3 |     const signupForm = document.getElementById("signupForm");
 4 | 
 5 |     if (loginForm) {
 6 |         loginForm.addEventListener("submit", function (event) {
 7 |             event.preventDefault();
 8 |             
 9 |             const email = document.getElementById("loginEmail").value;
10 |             const password = document.getElementById("loginPassword").value;
11 | 
12 |             if (email === "" || password === "") {
13 |                 alert("Please fill in all fields.");
14 |                 return;
15 |             }
16 | 
17 |             // Simulating login authentication
18 |             if (email === "test@example.com" && password === "password123") {
19 |                 alert("Login successful!");
20 |                 window.location.href = "dashboard.html"; // Redirect after login
21 |             } else {
22 |                 alert("Invalid email or password.");
23 |             }
24 |         });
25 |     }
26 | 
27 |     if (signupForm) {
28 |         signupForm.addEventListener("submit", function (event) {
29 |             event.preventDefault();
30 |             
31 |             const fullName = document.getElementById("fullName").value;
32 |             const email = document.getElementById("signupEmail").value;
33 |             const password = document.getElementById("signupPassword").value;
34 |             const confirmPassword = document.getElementById("confirmPassword").value;
35 | 
36 |             if (fullName === "" || email === "" || password === "" || confirmPassword === "") {
37 |                 alert("Please fill in all fields.");
38 |                 return;
39 |             }
40 | 
41 |             if (password !== confirmPassword) {
42 |                 alert("Passwords do not match.");
43 |                 return;
44 |             }
45 | 
46 |             alert("Sign-up successful! Redirecting to login page.");
47 |             window.location.href = "login.html"; // Redirect after successful sign-up
48 |         });
49 |     }
50 | 
51 |     const signupButton = document.querySelector(".signup-button");
52 |     if (signupButton) {
53 |         signupButton.addEventListener("click", function () {
54 |             window.location.href = "signup.html";
55 |         });
56 |     }
57 | });
58 | 


--------------------------------------------------------------------------------
/medicine_reminder_script.js:
--------------------------------------------------------------------------------
 1 | document.addEventListener("DOMContentLoaded", function () {
 2 |     displayMedicines();
 3 | });
 4 | 
 5 | function requestNotificationPermission() {
 6 |     if (Notification.permission === "default") {
 7 |         Notification.requestPermission().then(permission => {
 8 |             if (permission === "granted") {
 9 |                 alert("Notifications enabled!");
10 |             }
11 |         });
12 |     }
13 | }
14 | 
15 | function scheduleMedicineNotification(time, medicine) {
16 |     const now = new Date();
17 |     const notificationTime = new Date(now.toDateString() + " " + time);
18 |     
19 |     if (notificationTime > now) {
20 |         const delay = notificationTime - now;
21 |         setTimeout(() => {
22 |             new Notification("Medicine Reminder", { body: `Time to take ${medicine}` });
23 |         }, delay);
24 |     }
25 | }
26 | 
27 | document.getElementById("medicineForm").addEventListener("submit", function(event) {
28 |     event.preventDefault();
29 |     requestNotificationPermission();
30 |     
31 |     const medicineName = document.getElementById("medicineName").value;
32 |     const medicineTime = document.getElementById("medicineTime").value;
33 |     const dosage = document.getElementById("dosage").value;
34 |     
35 |     const medicine = { name: medicineName, dosage: dosage, time: medicineTime };
36 |     let medicines = JSON.parse(localStorage.getItem("medicines")) || [];
37 |     medicines.push(medicine);
38 |     localStorage.setItem("medicines", JSON.stringify(medicines));
39 |     
40 |     displayMedicines();
41 |     scheduleMedicineNotification(medicineTime, medicineName);
42 |     alert("Medicine saved successfully!");
43 | });
44 | 
45 | function displayMedicines() {
46 |     const medicines = JSON.parse(localStorage.getItem("medicines")) || [];
47 |     const medicineList = document.getElementById("medicineList");
48 |     medicineList.innerHTML = "";
49 |     medicines.forEach((medicine, index) => {
50 |         medicineList.innerHTML += `<li><strong>${medicine.name}</strong> - ${medicine.dosage} at ${medicine.time} <button onclick="deleteMedicine(${index})">Delete</button></li>`;
51 |     });
52 | }
53 | 
54 | function deleteMedicine(index) {
55 |     let medicines = JSON.parse(localStorage.getItem("medicines")) || [];
56 |     medicines.splice(index, 1);
57 |     localStorage.setItem("medicines", JSON.stringify(medicines));
58 |     displayMedicines();
59 | }
60 | 


--------------------------------------------------------------------------------
/style1.css:
--------------------------------------------------------------------------------
  1 | /* General Styles */
  2 | body {
  3 |     font-family: Arial, sans-serif;
  4 |     margin: 0;
  5 |     padding: 0;
  6 |     background-color: #e3f2fd; /* Light Blue Background */
  7 |     color: #333;
  8 |     display: flex;
  9 |     flex-direction: column;
 10 |     align-items: center;
 11 |     justify-content: center;
 12 |     height: 100vh;
 13 | }
 14 | 
 15 | /* Navigation Bar */
 16 | nav {
 17 |     background-color: #1976d2; /* Deep Blue */
 18 |     padding: 10px 0;
 19 |     text-align: center;
 20 |     width: 100%;
 21 |     position: fixed;
 22 |     top: 0;
 23 |     left: 0;
 24 | }
 25 | nav ul {
 26 |     list-style: none;
 27 |     padding: 0;
 28 |     margin: 0;
 29 | }
 30 | nav ul li {
 31 |     display: inline;
 32 |     margin: 0 15px;
 33 | }
 34 | nav ul li a {
 35 |     color: white;
 36 |     text-decoration: none;
 37 |     font-weight: bold;
 38 | }
 39 | nav ul li a:hover {
 40 |     text-decoration: underline;
 41 | }
 42 | 
 43 | /* Section Styling */
 44 | section {
 45 |     max-width: 500px;
 46 |     padding: 30px;
 47 |     background-color: white;
 48 |     border-radius: 12px;
 49 |     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
 50 |     text-align: center;
 51 |     position: relative;
 52 |     top: 60px;
 53 |     font-size: 18px;
 54 |     font-weight: bold;
 55 | }
 56 | 
 57 | h2 {
 58 |     color: #1976d2;
 59 |     font-size: 24px;
 60 |     font-weight: bold;
 61 | }
 62 | 
 63 | /* Form Styling */
 64 | form {
 65 |     display: flex;
 66 |     flex-direction: column;
 67 |     align-items: center;
 68 |     width: 100%;
 69 | }
 70 | input {
 71 |     width: 100%;
 72 |     max-width: 450px;
 73 |     padding: 16px;
 74 |     border: 2px solid #ccc;
 75 |     border-radius: 8px;
 76 |     font-size: 18px;
 77 |     margin-bottom: 20px;
 78 |     box-sizing: border-box;
 79 |     font-weight: bold;
 80 | }
 81 | button {
 82 |     width: 100%;
 83 |     max-width: 450px;
 84 |     padding: 16px;
 85 |     font-size: 18px;
 86 |     border-radius: 8px;
 87 |     cursor: pointer;
 88 |     border: none;
 89 |     background-color: #1976d2;
 90 |     color: white;
 91 |     font-weight: bold;
 92 | }
 93 | button:hover {
 94 |     background-color: #1565c0;
 95 | }
 96 | 
 97 | /* Responsive Design */
 98 | @media (max-width: 600px) {
 99 |     section {
100 |         width: 90%;
101 |     }
102 |     input, button {
103 |         max-width: 100%;
104 |     }
105 | }
106 | 


--------------------------------------------------------------------------------
/advice.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Health Advice</title>
 7 |     <link rel="stylesheet" href="styles.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="health.html">Health Q&A</a></li>
14 |             <li><a href="routine.html">Routine fix</a></li>
15 |         </ul>
16 |     </nav>
17 |     <section>
18 |         <h2>Personalized Health Advice</h2>
19 |         <div id="adviceContent"></div>
20 |     </section>
21 |     
22 |     <button onclick="location.href='routine.html'" style="display:block; margin: 20px auto; padding:10px 20px; font-size:16px;">Go to Routine Fix</button>
23 |     
24 |     <script>
25 |         document.addEventListener("DOMContentLoaded", function () {
26 |             const urlParams = new URLSearchParams(window.location.search);
27 |             const adviceContent = document.getElementById("adviceContent");
28 |             let advice = "";
29 | 
30 |             if (urlParams.get("exercise") !== "daily") {
31 |                 advice += "<p><strong>Exercise:</strong> Try to engage in daily physical activity for at least 30 minutes.</p>";
32 |             }
33 |             if (urlParams.get("sleepHours") < 7) {
34 |                 advice += "<p><strong>Sleep:</strong> Aim for 7-9 hours of quality sleep each night.</p>";
35 |             }
36 |             if (urlParams.get("diet") !== "yes") {
37 |                 advice += "<p><strong>Diet:</strong> Incorporate more fruits and vegetables into your meals.</p>";
38 |             }
39 |             if (urlParams.get("stress") !== "never" && urlParams.get("stress") !== "rarely") {
40 |                 advice += "<p><strong>Stress Management:</strong> Try meditation or breathing exercises to reduce stress levels.</p>";
41 |             }
42 |             if (urlParams.get("waterIntake") < 8) {
43 |                 advice += "<p><strong>Hydration:</strong> Drink at least 8 glasses of water daily to stay hydrated.</p>";
44 |             }
45 |             if (urlParams.get("fastFood") !== "never") {
46 |                 advice += "<p><strong>Diet:</strong> Reduce fast food intake and choose healthier meal options.</p>";
47 |             }
48 |             if (urlParams.get("smokeAlcohol") !== "no") {
49 |                 advice += "<p><strong>Smoking & Alcohol:</strong> Avoid smoking and excessive alcohol consumption for better health.</p>";
50 |             }
51 |             if (urlParams.get("medicalCheckup") !== "regularly") {
52 |                 advice += "<p><strong>Medical Check-ups:</strong> Schedule regular health check-ups for early detection of issues.</p>";
53 |             }
54 |             
55 |             adviceContent.innerHTML = advice || "<p>You are maintaining a healthy lifestyle. Keep it up!</p>";
56 |         });
57 |     </script>
58 | </body>
59 | </html>
60 | 


--------------------------------------------------------------------------------
/reports.js:
--------------------------------------------------------------------------------
 1 | // Function to Save Routine Data
 2 | function saveRoutineData(routine) {
 3 |     localStorage.setItem("userRoutine", JSON.stringify(routine));
 4 | }
 5 | 
 6 | // Function to Load Routine Report
 7 | function loadRoutineReport() {
 8 |     try {
 9 |         const routineData = localStorage.getItem("userRoutine");
10 |         if (routineData) {
11 |             const routine = JSON.parse(routineData);
12 |             document.getElementById("routineReport").innerHTML = `
13 |                 <p><strong>Wake-up Time:</strong> ${routine.wakeTime || "Not Set"}</p>
14 |                 <p><strong>Water Intake:</strong> Every ${routine.waterIntake || "Not Set"} hour(s)</p>
15 |                 <p><strong>Meditation:</strong> ${routine.meditation || "Not Set"} mins</p>
16 |                 <p><strong>Breakfast Time:</strong> ${routine.breakfastTime || "Not Set"}</p>
17 |                 <p><strong>Lunch Time:</strong> ${routine.lunchTime || "Not Set"}</p>
18 |                 <p><strong>Dinner Time:</strong> ${routine.dinnerTime || "Not Set"}</p>
19 |                 <p><strong>Sleep Time:</strong> ${routine.sleepTime || "Not Set"}</p>
20 |             `;
21 |         }
22 |     } catch (error) {
23 |         console.error("Error loading routine report:", error);
24 |     }
25 | }
26 | 
27 | // Function to Save Medicine Data
28 | function saveMedicineData(medicine) {
29 |     let medicineList = JSON.parse(localStorage.getItem("medicineReminders")) || [];
30 |     medicineList.push(medicine);
31 |     localStorage.setItem("medicineReminders", JSON.stringify(medicineList));
32 | }
33 | 
34 | // Function to Load Medicine Report
35 | function loadMedicineReport() {
36 |     try {
37 |         const medicineData = localStorage.getItem("medicineReminders");
38 |         if (medicineData) {
39 |             const medicineReminders = JSON.parse(medicineData);
40 |             let report = medicineReminders.length
41 |                 ? medicineReminders.map(med => `<li><strong>${med.name || "Unknown"}</strong> at ${med.time || "Unknown"}</li>`).join("")
42 |                 : "No medicine data available.";
43 |             document.getElementById("medicineReport").innerHTML = `<ul>${report}</ul>`;
44 |         }
45 |     } catch (error) {
46 |         console.error("Error loading medicine report:", error);
47 |     }
48 | }
49 | 
50 | // Function to Save Health Data
51 | function saveHealthData(answers) {
52 |     localStorage.setItem("healthAnswers", JSON.stringify(answers));
53 | }
54 | 
55 | // Function to Load Health Insights
56 | function loadHealthInsights() {
57 |     try {
58 |         const healthData = localStorage.getItem("healthAnswers");
59 |         if (healthData) {
60 |             const healthAnswers = JSON.parse(healthData);
61 |             let insights = healthAnswers.length
62 |                 ? healthAnswers.map(answer => `<li>${answer}</li>`).join("")
63 |                 : "No health Q&A data available.";
64 |             document.getElementById("healthInsights").innerHTML = `<ul>${insights}</ul>`;
65 |         }
66 |     } catch (error) {
67 |         console.error("Error loading health insights:", error);
68 |     }
69 | }
70 | 
71 | // Function to Clear All Reports Data
72 | function clearReports() {
73 |     localStorage.clear();
74 |     alert("All report data has been cleared!");
75 |     window.location.reload();
76 | }
77 | 
78 | // Load Data on Page Load
79 | document.addEventListener("DOMContentLoaded", () => {
80 |     loadRoutineReport();
81 |     loadMedicineReport();
82 |     loadHealthInsights();
83 |     document.getElementById("clearReports").addEventListener("click", clearReports);
84 | });
85 | 


--------------------------------------------------------------------------------
/health.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Health Q&A</title>
 7 |     <link rel="stylesheet" href="style3.css">
 8 | </head>
 9 | <body>
10 |     <nav>
11 |         <ul>
12 |             <li><a href="index.html">Home</a></li>
13 |             <li><a href="about.html">About Us</a></li>
14 |             <li><a href="login.html">Login</a></li>
15 |             <li><a href="routine.html">Routine Fix</a></li>
16 |             <li><a href="medine.html">Medicine</a></li>
17 |             
18 |         </ul>
19 |     </nav>
20 |     <section>
21 |         <h2>Health Check-Up Q&A</h2>
22 |         <p>Answer the following questions to assess your health condition.</p>
23 |         <form id="healthForm">
24 |             <label>How often do you exercise?</label>
25 |             <select id="exercise" required>
26 |                 <option value="">Select an option</option>
27 |                 <option value="daily">Daily</option>
28 |                 <option value="few_times_week">A few times a week</option>
29 |                 <option value="rarely">Rarely</option>
30 |                 <option value="never">Never</option>
31 |             </select>
32 |             
33 |             <label>How many hours do you sleep per night?</label>
34 |             <input type="number" id="sleepHours" min="0" max="24" required>
35 |             
36 |             <label>Do you have a balanced diet?</label>
37 |             <select id="diet" required>
38 |                 <option value="">Select an option</option>
39 |                 <option value="yes">Yes</option>
40 |                 <option value="no">No</option>
41 |             </select>
42 |             
43 |             <label>Do you experience frequent stress?</label>
44 |             <select id="stress" required>
45 |                 <option value="">Select an option</option>
46 |                 <option value="often">Often</option>
47 |                 <option value="sometimes">Sometimes</option>
48 |                 <option value="rarely">Rarely</option>
49 |                 <option value="never">Never</option>
50 |             </select>
51 |             
52 |             <label>How many glasses of water do you drink daily?</label>
53 |             <input type="number" id="waterIntake" min="0" max="20" required>
54 |             
55 |             <label>How often do you consume fast food?</label>
56 |             <select id="fastFood" required>
57 |                 <option value="">Select an option</option>
58 |                 <option value="daily">Daily</option>
59 |                 <option value="few_times_week">A few times a week</option>
60 |                 <option value="rarely">Rarely</option>
61 |                 <option value="never">Never</option>
62 |             </select>
63 |             
64 |             <label>Do you smoke or consume alcohol?</label>
65 |             <select id="smokeAlcohol" required>
66 |                 <option value="">Select an option</option>
67 |                 <option value="yes">Yes</option>
68 |                 <option value="no">No</option>
69 |             </select>
70 |             
71 |             <label>How often do you get medical check-ups?</label>
72 |             <select id="medicalCheckup" required>
73 |                 <option value="">Select an option</option>
74 |                 <option value="regularly">Regularly</option>
75 |                 <option value="once_year">Once a year</option>
76 |                 <option value="rarely">Rarely</option>
77 |                 <option value="never">Never</option>
78 |             </select>
79 |             
80 |             <button type="submit">Submit</button>
81 |         </form>
82 |         <p id="result"></p>
83 |     </section>
84 |     <script src="qna.js"></script>
85 | </body>
86 | </html>


--------------------------------------------------------------------------------
/routine.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>Routine Fix</title>
  7 |     <link rel="stylesheet" href="styles.css">
  8 | </head>
  9 | <body>
 10 |     <nav>
 11 |         <ul>
 12 |             <li><a href="index.html">Home</a></li>
 13 |             <li><a href="login.html">Login</a></li>
 14 |             <li><a href="signup.html">Sign Up</a></li>
 15 |             <li><a href="health.html">Health Q&A</a></li>
 16 |             <li><a href="routine.html">Routine Fix</a></li>
 17 |             <li><a href="medine.html">Medicine Reminder</a></li>
 18 |             <li><a href="reports.html">Reports</a></li>
 19 | 
 20 |         </ul>
 21 |     </nav>
 22 |     <section>
 23 |         <h1>Fix Your Daily Routine</h1>
 24 |         <p>Personalize your daily health routine by setting reminders and tracking progress.</p>
 25 |         
 26 |         <h2>Set Your Routine</h2>
 27 |         <form id="routineForm">
 28 |             <label for="wakeTime">Wake-up Time:</label>
 29 |             <input type="time" id="wakeTime" required>
 30 |             
 31 |             <label for="waterIntake">Water Intake Reminder (per hour):</label>
 32 |             <input type="number" id="waterIntake" min="1" required>
 33 |             
 34 |             <label for="meditation">Meditation Duration (mins):</label>
 35 |             <input type="number" id="meditation" min="0" required>
 36 |             
 37 |             <label for="breakfastTime">Breakfast Time:</label>
 38 |             <input type="time" id="breakfastTime" required>
 39 |             
 40 |             <label for="lunchTime">Lunch Time:</label>
 41 |             <input type="time" id="lunchTime" required>
 42 |             
 43 |             <label for="dinnerTime">Dinner Time:</label>
 44 |             <input type="time" id="dinnerTime" required>
 45 |             
 46 |             <label for="sleepTime">Sleep Time:</label>
 47 |             <input type="time" id="sleepTime" required>
 48 |             
 49 |             <button type="submit">Save Routine</button>
 50 |         </form>
 51 |         
 52 |         <h2>Your Saved Routine</h2>
 53 |         <div id="routineDisplay">No routine set yet.</div>
 54 |     </section>
 55 |     <button id="medicinePageButton">Go to Medicine Reminder</button>
 56 | 
 57 |     <script>
 58 |         document.getElementById("routineForm").addEventListener("submit", function(event) {
 59 |             event.preventDefault();
 60 |             
 61 |             const routine = {
 62 |                 wakeTime: document.getElementById("wakeTime").value,
 63 |                 waterIntake: document.getElementById("waterIntake").value,
 64 |                 meditation: document.getElementById("meditation").value,
 65 |                 breakfastTime: document.getElementById("breakfastTime").value,
 66 |                 lunchTime: document.getElementById("lunchTime").value,
 67 |                 dinnerTime: document.getElementById("dinnerTime").value,
 68 |                 sleepTime: document.getElementById("sleepTime").value
 69 |             };
 70 |     
 71 |             // Save to localStorage
 72 |             localStorage.setItem("userRoutine", JSON.stringify(routine));
 73 |     
 74 |             // Display the saved routine on the same page
 75 |             displayRoutine();
 76 |     
 77 |             alert("Routine saved successfully!");
 78 |     
 79 |             // Show the button after saving routine
 80 |             document.getElementById("medicinePageButton").style.display = "block";
 81 |         });
 82 |     
 83 |         function displayRoutine() {
 84 |             const routineData = localStorage.getItem("userRoutine");
 85 |             if (routineData) {
 86 |                 const routine = JSON.parse(routineData);
 87 |                 document.getElementById("routineDisplay").innerHTML = `
 88 |                     <p><strong>Wake-up Time:</strong> ${routine.wakeTime}</p>
 89 |                     <p><strong>Water Intake Reminder:</strong> Every ${routine.waterIntake} hour(s)</p>
 90 |                     <p><strong>Meditation Duration:</strong> ${routine.meditation} mins</p>
 91 |                     <p><strong>Breakfast Time:</strong> ${routine.breakfastTime}</p>
 92 |                     <p><strong>Lunch Time:</strong> ${routine.lunchTime}</p>
 93 |                     <p><strong>Dinner Time:</strong> ${routine.dinnerTime}</p>
 94 |                     <p><strong>Sleep Time:</strong> ${routine.sleepTime}</p>
 95 |                 `;
 96 |             }
 97 |         }
 98 |     
 99 |         // Load the saved routine when the page loads
100 |         document.addEventListener("DOMContentLoaded", displayRoutine);
101 |     
102 |         // Redirect when the button is clicked
103 |         document.getElementById("medicinePageButton").addEventListener("click", function() {
104 |             window.location.href = "medine.html";
105 |         });
106 |     </script>
107 |     
108 | </body>
109 | </html>
110 | 


--------------------------------------------------------------------------------