Upload 8 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+Screenshot.png filter=lfs diff=lfs merge=lfs -text

Event_Scheduler.postman_collection.json

@@ -0,0 +1,43 @@
+{
+	"info": {
+		"_postman_id": "75a812d6-1091-4b90-9574-9726c8e127aa",
+		"name": "Event_Scheduler",
+		"schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json",
+		"_exporter_id": "46285586",
+		"_collection_link": "https://user-130337.postman.co/workspace/User's-Workspace~7437678a-b9a7-4293-800b-f9f22a3e898f/collection/46285586-75a812d6-1091-4b90-9574-9726c8e127aa?action=share&source=collection_link&creator=46285586"
+	},
+	"item": [
+		{
+			"name": "http://127.0.0.1:5000/events/6",
+			"request": {
+				"method": "DELETE",
+				"header": [],
+				"body": {
+					"mode": "raw",
+					"raw": "{\r\n    \"description\": \"Traveling Location - XYZ\",\r\n    \"end_time\": \"2025-07-01 11:00:00\",\r\n    \"id\": \"3\",\r\n    \"start_time\": \"2025-07-01 10:00:00\",\r\n    \"title\": \"Traveling with ABCD\"\r\n}",
+					"options": {
+						"raw": {
+							"language": "json"
+						}
+					}
+				},
+				"url": {
+					"raw": "http://127.0.0.1:5000/events/6",
+					"protocol": "http",
+					"host": [
+						"127",
+						"0",
+						"0",
+						"1"
+					],
+					"port": "5000",
+					"path": [
+						"events",
+						"6"
+					]
+				}
+			},
+			"response": []
+		}
+	]
+}

app.py

@@ -0,0 +1,95 @@
+from flask import Flask, request, render_template, jsonify, redirect
+import json
+from datetime import datetime, timedelta
+import os
+from flask_cors import CORS
+
+app = Flask(__name__)
+CORS(app)  # Enable CORS for all routes (for front-end testing on a different port/domain)
+DATA_FILE = 'events.json'
+
+def load_events():
+    if not os.path.exists(DATA_FILE):
+        return []
+    with open(DATA_FILE, 'r') as f:
+        return json.load(f)
+
+def save_events(events):
+    with open(DATA_FILE, 'w') as f:
+        json.dump(events, f, indent=2)
+
+def get_upcoming_reminders(events):
+    now = datetime.now()
+    end = now + timedelta(hours=4)
+    upcoming = []
+
+    for e in events:
+        start = datetime.fromisoformat(e['start_time'])
+        if now <= start < end:
+            upcoming.append(e)
+
+    return upcoming
+
+@app.route('/')
+def index():
+    all_events = load_events()
+    reminders = get_upcoming_reminders(all_events)
+
+    search_query = request.args.get('search', '').lower()
+    if search_query:
+        events = [e for e in all_events if search_query in e['title'].lower()]
+    else:
+        events = all_events
+
+    return render_template('index.html', events=events, reminders=reminders, search=search_query)
+
+# Get all events
+@app.route('/events', methods=['GET', 'POST'])
+@app.route('/events/', methods=['GET', 'POST'])  # For routes with trailing slash
+def events():
+    if request.method == 'GET':
+        events = load_events()
+        return jsonify(events)
+    elif request.method == 'POST':
+        events = load_events()
+        data = request.get_json()
+        new_event = {
+            'id': str(len(events) + 1),
+            'title': data['title'],
+            'description': data.get('description', ''),
+            'start_time': data['start_time'],
+            'end_time': data['end_time'],
+        }
+        events.append(new_event)
+        save_events(events)
+        return jsonify(new_event), 201
+
+# Update an existing event
+@app.route('/events/<event_id>', methods=['PUT'])
+def update_event(event_id):
+    events = load_events()
+    data = request.get_json()
+    for event in events:
+        if event['id'] == event_id:
+            event.update(data)
+            save_events(events)
+            return jsonify(event)
+    return jsonify({'error': 'Event not found'}), 404
+
+# Delete an event
+@app.route('/events/<event_id>', methods=['DELETE'])
+def delete_event(event_id):
+    events = load_events()
+    events = [e for e in events if e['id'] != event_id]
+    save_events(events)
+    return '', 204
+
+# Custom template filter for formatting time (12-hour clock)
+@app.template_filter('format12')
+def format12(value):
+    dt = datetime.fromisoformat(value)
+    return dt.strftime('%I:%M %p, %b %d')
+
+if __name__ == "__main__":
+    # Make sure it listens on 0.0.0.0 (the container's network interface)
+    app.run(host="0.0.0.0", port=5000)

events.json

@@ -0,0 +1,3 @@
+[
+ 
+]

requirements.txt

@@ -0,0 +1,2 @@
+Flask
+flask-cors

static/script.js

@@ -0,0 +1,127 @@
+document.getElementById('event-form').onsubmit = async (e) => {
+  e.preventDefault();
+  const data = {
+    title: document.getElementById('title').value,
+    description: document.getElementById('description').value,
+    start_time: document.getElementById('start_time').value,
+    end_time: document.getElementById('end_time').value,
+  };
+  await fetch('/events', {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data)
+  });
+  location.reload();
+};
+
+document.querySelectorAll('.delete-btn').forEach(btn => {
+  btn.onclick = async () => {
+    const id = btn.parentElement.dataset.id;
+    await fetch(`/events/${id}`, { method: 'DELETE' });
+    location.reload();
+  };
+});
+
+let editingId = null;
+document.querySelectorAll('.edit-btn').forEach(btn => {
+  btn.onclick = () => {
+    const card = btn.parentElement;
+    editingId = card.dataset.id;
+    document.getElementById('edit-title').value = card.querySelector('h3').innerText;
+    document.getElementById('edit-description').value = card.querySelectorAll('p')[0].innerText;
+
+    const times = card.querySelectorAll('p')[1].innerText.replace("🕒 ", "").split(" - ");
+    const parseToInputFormat = (timeStr) => {
+      const date = new Date(timeStr);
+      const pad = n => n.toString().padStart(2, '0');
+      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+    };
+
+    document.getElementById('edit-start').value = parseToInputFormat(times[0]);
+    document.getElementById('edit-end').value = parseToInputFormat(times[1]);
+    document.getElementById('modal').style.display = 'flex';
+  };
+});
+
+document.getElementById('save-edit').onclick = async () => {
+  const data = {
+    title: document.getElementById('edit-title').value,
+    description: document.getElementById('edit-description').value,
+    start_time: document.getElementById('edit-start').value,
+    end_time: document.getElementById('edit-end').value,
+  };
+  await fetch(`/events/${editingId}`, {
+    method: 'PUT',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(data)
+  });
+  location.reload();
+};
+
+function closeModal() {
+  document.getElementById('modal').style.display = 'none';
+}
+
+window.onclick = (event) => {
+  const modal = document.getElementById('modal');
+  if (event.target === modal) {
+    closeModal();
+  }
+};
+
+document.getElementById('clear-search').onclick = () => {
+  window.location.href = '/';
+};
+
+document.getElementById('search-btn').onclick = () => {
+  const query = document.getElementById('search').value.trim();
+  if (query.length > 0) {
+    window.location.href = `/?search=${encodeURIComponent(query)}`;
+  }
+};
+
+window.onload = () => {
+  const now = new Date();
+  const pad = n => n.toString().padStart(2, '0');
+
+  const toDatetimeLocal = dt => {
+    return `${dt.getFullYear()}-${pad(dt.getMonth() + 1)}-${pad(dt.getDate())}T${pad(dt.getHours())}:${pad(dt.getMinutes())}`;
+  };
+
+  document.getElementById('start_time').value = toDatetimeLocal(now);
+
+  now.setHours(now.getHours() + 4);
+  document.getElementById('end_time').value = toDatetimeLocal(now);
+
+  // Convert event display times to 12-hour format
+  document.querySelectorAll(".event-card").forEach(card => {
+    const timePara = card.querySelectorAll("p")[1];
+    if (timePara) {
+      const [startRaw, endRaw] = timePara.innerText.replace("🕒 ", "").split(" - ");
+      const start = new Date(startRaw);
+      const end = new Date(endRaw);
+
+      const format12 = dt => dt.toLocaleString(undefined, {
+        year: "numeric", month: "short", day: "numeric",
+        hour: "numeric", minute: "2-digit", hour12: true
+      });
+
+      timePara.innerText = `🕒 ${format12(start)} - ${format12(end)}`;
+    }
+  });
+};
+
+
+// script.js
+const themeToggle = document.getElementById("theme-toggle");
+
+themeToggle.addEventListener("change", function() {
+  const currentTheme = document.documentElement.getAttribute("data-theme");
+
+  // Toggle between light and dark themes
+  if (this.checked) {
+    document.documentElement.setAttribute("data-theme", "dark");
+  } else {
+    document.documentElement.setAttribute("data-theme", "light");
+  }
+});

static/styles.css

@@ -0,0 +1,236 @@
+/* Global styles for both light and dark themes */
+:root {
+  --background-color-light: #f7f9fc;
+  --text-color-light: #333;
+  --panel-background-light: #ffffff;
+  --button-background-light: #4a90e2;
+  --button-hover-light: #357abd;
+  --event-card-background-light: #f0f4fa;
+  --event-card-border-left-light: #4a90e2;
+  --modal-background-light: rgba(0, 0, 0, 0.4);
+  --input-background-light: #ffffff;
+  --input-border-light: #ccc;
+  --input-text-light: #333;
+
+  --background-color-dark: #181818;
+  --text-color-dark: #e0e0e0;
+  --panel-background-dark: #2e2e2e;
+  --button-background-dark: #4a90e2;
+  --button-hover-dark: #357abd;
+  --event-card-background-dark: #252525;
+  --event-card-border-left-dark: #4a90e2;
+  --modal-background-dark: rgba(0, 0, 0, 0.6);
+  --input-background-dark: #333;
+  --input-border-dark: #444;
+  --input-text-dark: #e0e0e0;
+}
+
+/* Default light theme */
+body {
+  margin: 0;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  background: var(--background-color-light);
+  color: var(--text-color-light);
+}
+
+.container {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 30px;
+  gap: 30px;
+  max-width: 1200px;
+  margin: auto;
+}
+
+.left-panel,
+.right-panel {
+  flex: 1;
+  min-width: 300px;
+  background: var(--panel-background-light);
+  border-radius: 16px;
+  padding: 24px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+
+h2, h3 {
+  color: var(--text-color-light);
+  margin-bottom: 16px;
+}
+
+input[type="text"],
+input[type="datetime-local"],
+button {
+  width: 100%;
+  margin: 8px 0 0 -12px;
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid var(--input-border-light);
+  font-size: 1rem;
+  background-color: var(--input-background-light);
+  color: var(--input-text-light);
+}
+
+button {
+  background-color: var(--button-background-light);
+  color: white;
+  border: none;
+  cursor: pointer;
+  margin-inline: 0px;
+  transition: background 0.3s ease;
+}
+
+button:hover {
+  background-color: var(--button-hover-light);
+}
+
+#event-list {
+  margin-top: 20px;
+}
+
+.event-card {
+  background: var(--event-card-background-light);
+  border-left: 6px solid var(--event-card-border-left-light);
+  border-radius: 12px;
+  padding: 16px;
+  margin-bottom: 16px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+.event-card h3 {
+  margin: 0 0 8px 0;
+  font-size: 1.2em;
+}
+
+.event-card p {
+  margin: 4px 0;
+}
+
+.edit-btn, .delete-btn {
+  margin-top: 8px;
+  margin-right: 8px;
+  background-color: #e2e8f0;
+  color: #333;
+  padding: 8px 12px;
+  border-radius: 8px;
+  border: none;
+  cursor: pointer;
+  font-size: 0.9em;
+}
+
+.edit-btn:hover {
+  background-color: #d0e2ff;
+}
+
+.delete-btn:hover {
+  background-color: #ffe1e1;
+}
+
+.search-bar {
+  display: flex;
+  gap: 10px;
+  margin-bottom: 20px;
+  align-items: center;
+}
+
+.search-bar input[type="text"] {
+  flex-grow: 1;
+  min-width: 200px;
+  padding: 12px;
+  border-radius: 10px;
+  border: 1px solid var(--input-border-light);
+  font-size: 1rem;
+}
+
+/* Modal Styles */
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 100;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-content {
+  background: var(--panel-background-light);
+  padding: 30px;
+  border-radius: 16px;
+  width: 90%;
+  max-width: 400px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
+  animation: fadeIn 0.3s ease;
+}
+
+@keyframes fadeIn {
+  from { transform: translateY(-20px); opacity: 0; }
+  to { transform: translateY(0); opacity: 1; }
+}
+
+/* Reminder styles */
+.reminders {
+  margin-top: 40px;
+}
+
+.reminder-item {
+  background: var(--event-card-background-light);
+  padding: 10px;
+  border-radius: 8px;
+  margin-bottom: 10px;
+}
+
+/* Styling the toggle switch */
+.switch {
+  --false: #63a2ff;
+  --true: #373737;
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  z-index: 1000;
+}
+
+input[type=checkbox] {
+  appearance: none;
+  height: 2.1rem;
+  width: 3.5rem;
+  background-color: #fafafa;
+  position: relative;
+  border: 1px royalblue solid;
+  border-radius: 1em;
+  cursor: pointer;
+}
+
+input[type=checkbox]::before {
+  content: '';
+  display: block;
+  height: 1.9em;
+  width: 1.9em;
+  transform: translate(-50%, -50%);
+  position: absolute;
+  top: 50%;
+  left: calc(1.9em / 2 + .3em);
+  background-color: var(--false);
+  border-radius: 1em;
+  transition: .3s ease;
+}
+
+input[type=checkbox]:checked::before {
+  background-color: var(--true);
+  left: calc(100% - (1.9em / 2 + .3em));
+}
+
+/* Dark Theme */
+[data-theme="dark"] {
+  --background-color-light: var(--background-color-dark);
+  --text-color-light: var(--text-color-dark);
+  --panel-background-light: var(--panel-background-dark);
+  --button-background-light: var(--button-background-dark);
+  --button-hover-light: var(--button-hover-dark);
+  --event-card-background-light: var(--event-card-background-dark);
+  --event-card-border-left-light: var(--event-card-border-left-dark);
+  --modal-background-light: var(--modal-background-dark);
+  --input-background-light: var(--input-background-dark);
+  --input-border-light: var(--input-border-dark);
+  --input-text-light: var(--input-text-dark);
+}

templates/index.html

@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>📅 Event Scheduler</title>
+  <link rel="stylesheet" href="/static/styles.css">
+</head>
+<body>
+  <div class="container">
+    <div class="left-panel">
+      <h2>➕ Add Event</h2>
+      <form id="event-form">
+        <input type="text" id="title" placeholder="Title" required>
+        <input type="text" id="description" placeholder="Description">
+        <input type="datetime-local" id="start_time" required>
+        <input type="datetime-local" id="end_time" required>
+        <button type="submit">Add</button>
+      </form>
+
+      <div class="reminders">
+        <h3>⏰ Upcoming Reminders</h3>
+        {% for r in reminders %}
+          <div class="reminder-item">
+            <strong>{{ r.title }}</strong><br>
+            {{ r.start_time }}
+          </div>
+        {% else %}
+          <p>No upcoming events</p>
+        {% endfor %}
+      </div>
+    </div>
+
+    <div class="right-panel">
+      <div class="search-bar">
+        <input type="text" id="search" placeholder="🔍 Search..." value="{{ search or '' }}">
+        <button id="search-btn">Search</button>
+        <button id="clear-search">Clear Filter</button>
+      </div>
+
+
+      <div id="event-list">
+        {% for e in events %}
+          <div class="event-card" data-id="{{ e.id }}">
+            <h3>{{ e.title }}</h3>
+            <p>{{ e.description }}</p>
+            <p>🕒 {{ e.start_time }} - {{ e.end_time }}</p>
+            <button class="edit-btn">✏️ Edit</button>
+            <button class="delete-btn">🗑️ Delete</button>
+          </div>
+        {% else %}
+          <p>No events found.</p>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+  <!-- Modal -->
+  <div id="modal" class="modal">
+    <div class="modal-content">
+      <h2>Edit Event</h2>
+      <input type="text" id="edit-title">
+      <input type="text" id="edit-description">
+      <input type="datetime-local" id="edit-start">
+      <input type="datetime-local" id="edit-end">
+      <button id="save-edit">Save</button>
+      <button onclick="closeModal()">Cancel</button>
+    </div>
+  </div>
+
+
+    <label class="switch">
+    <input type="checkbox" id="theme-toggle" checked />
+  </label>
+
+
+  <script src="/static/script.js"></script>
+</body>
+
+</html>