diff --git a/Controllers/VehicleController.cs b/Controllers/VehicleController.cs
index c941441..d947c53 100644
--- a/Controllers/VehicleController.cs
+++ b/Controllers/VehicleController.cs
@@ -543,18 +543,85 @@ namespace CarCareTracker.Controllers
         }
         #endregion
         #region "Reminders"
+        private int GetMaxMileage(int vehicleId)
+        {
+            var numbersArray = new List<int>
+            {
+                _serviceRecordDataAccess.GetServiceRecordsByVehicleId(vehicleId).Max(x => x.Mileage),
+                _collisionRecordDataAccess.GetCollisionRecordsByVehicleId(vehicleId).Max(x => x.Mileage),
+                _gasRecordDataAccess.GetGasRecordsByVehicleId(vehicleId).Max(x => x.Mileage)
+            };
+            return numbersArray.Max();
+        }
+        private List<ReminderRecordViewModel> GetRemindersAndUrgency(int vehicleId)
+        {
+            var currentMileage = GetMaxMileage(vehicleId);
+            var reminders = _reminderRecordDataAccess.GetReminderRecordsByVehicleId(vehicleId);
+            List<ReminderRecordViewModel> reminderViewModels = new List<ReminderRecordViewModel>();
+            foreach(var reminder in reminders)
+            {
+                var reminderViewModel = new ReminderRecordViewModel()
+                {
+                    Id = reminder.Id,
+                    VehicleId = reminder.VehicleId,
+                    Date = reminder.Date,
+                    Mileage = reminder.Mileage,
+                    Description = reminder.Description,
+                    Notes = reminder.Notes
+                };
+                if (reminder.Metric == ReminderMetric.Both)
+                {
+                    //if less than a week from today or less than 50 miles from current mileage then very urgent.
+                    if (reminder.Date < DateTime.Now.AddDays(7))
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.VeryUrgent;
+                        //have to specify by which metric this reminder is urgent.
+                        reminderViewModel.Metric = ReminderMetric.Date;
+                    }
+                    else if (reminder.Date < DateTime.Now.AddDays(30))
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.Urgent;
+                        reminderViewModel.Metric = ReminderMetric.Date;
+                    }
+                    else if (reminder.Mileage < currentMileage + 50)
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.VeryUrgent;
+                        reminderViewModel.Metric = ReminderMetric.Odometer;
+                    } else if (reminder.Mileage < currentMileage + 100)
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.Urgent;
+                        reminderViewModel.Metric = ReminderMetric.Odometer;
+                    }
+                } else if (reminder.Metric == ReminderMetric.Date)
+                {
+                    if (reminder.Date < DateTime.Now.AddDays(7))
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.VeryUrgent;
+                    }
+                    else if (reminder.Date < DateTime.Now.AddDays(30))
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.Urgent;
+                    }
+                } else if (reminder.Metric == ReminderMetric.Odometer)
+                {
+                    if (reminder.Mileage < currentMileage + 50)
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.VeryUrgent;
+                    }
+                    else if (reminder.Mileage < currentMileage + 100)
+                    {
+                        reminderViewModel.Urgency = ReminderUrgency.Urgent;
+                    }
+                }
+                reminderViewModels.Add(reminderViewModel);
+            }
+            return reminderViewModels;
+        }
         [HttpGet]
         public IActionResult GetReminderRecordsByVehicleId(int vehicleId)
         {
-            var result = _reminderRecordDataAccess.GetReminderRecordsByVehicleId(vehicleId);
-            if (_useDescending)
-            {
-                result = result.OrderByDescending(x => x.Date).ToList();
-            }
-            else
-            {
-                result = result.OrderBy(x => x.Date).ToList();
-            }
+            var result = GetRemindersAndUrgency(vehicleId);
+
             return PartialView("_ReminderRecords", result);
         }
         [HttpPost]
@@ -576,7 +643,6 @@ namespace CarCareTracker.Controllers
             var convertedResult = new ReminderRecordInput
             {
                 Id = result.Id,
-                Cost = result.Cost,
                 Date = result.Date.ToShortDateString(),
                 Description = result.Description,
                 Notes = result.Notes,
diff --git a/Enum/ReminderUrgency.cs b/Enum/ReminderUrgency.cs
new file mode 100644
index 0000000..07bf45d
--- /dev/null
+++ b/Enum/ReminderUrgency.cs
@@ -0,0 +1,9 @@
+namespace CarCareTracker.Models
+{
+    public enum ReminderUrgency
+    {
+        NotUrgent = 0,
+        Urgent = 1,
+        VeryUrgent = 2
+    }
+}
diff --git a/Models/Reminder/ReminderRecordViewModel.cs b/Models/Reminder/ReminderRecordViewModel.cs
new file mode 100644
index 0000000..1f3f62e
--- /dev/null
+++ b/Models/Reminder/ReminderRecordViewModel.cs
@@ -0,0 +1,17 @@
+namespace CarCareTracker.Models
+{
+    public class ReminderRecordViewModel
+    {
+        public int Id { get; set; }
+        public int VehicleId { get; set; }
+        public DateTime Date { get; set; }
+        public int Mileage { get; set; }
+        public string Description { get; set; }
+        public string Notes { get; set; }
+        /// <summary>
+        /// Reason why this reminder is urgent
+        /// </summary>
+        public ReminderMetric Metric { get; set; } = ReminderMetric.Date;
+        public ReminderUrgency Urgency { get; set; } = ReminderUrgency.NotUrgent;
+    }
+}
diff --git a/Views/Vehicle/Index.cshtml b/Views/Vehicle/Index.cshtml
index a526aef..b78e94e 100644
--- a/Views/Vehicle/Index.cshtml
+++ b/Views/Vehicle/Index.cshtml
@@ -8,6 +8,7 @@
     <script src="~/js/gasrecord.js" asp-append-version="true"></script>
     <script src="~/js/collisionrecord.js" asp-append-version="true"></script>
     <script src="~/js/taxrecord.js" asp-append-version="true"></script>
+    <script src="~/js/reminderrecord.js" asp-append-version="true"></script>
     <script src="~/lib/chart-js/chart.umd.js"></script>
 }
 <div class="container">
@@ -84,6 +85,12 @@
         </div>
     </div>
 </div>
+<div class="modal fade" id="reminderRecordModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content" id="reminderRecordModalContent">
+        </div>
+    </div>
+</div>
 <script>
     function GetVehicleId() {
         return { vehicleId: @Model.Id};
diff --git a/Views/Vehicle/_ReminderRecords.cshtml b/Views/Vehicle/_ReminderRecords.cshtml
new file mode 100644
index 0000000..6cf8dbe
--- /dev/null
+++ b/Views/Vehicle/_ReminderRecords.cshtml
@@ -0,0 +1,43 @@
+@model List<ReminderRecordViewModel>
+<div class="row">
+    <div class="d-flex justify-content-between">
+        <div class="d-flex align-items-center flex-wrap">
+            <span class="ms-2 badge bg-success">@($"# of Reminders: {Model.Count()}")</span>
+        </div>
+        <div>
+            <button onclick="showAddReminderModal()" class="btn btn-primary btn-md mt-1 mb-1"><i class="bi bi-pencil-square me-2"></i>Add Repair Record</button>
+        </div>
+    </div>
+</div>
+<div class="row vehicleDetailTabContainer">
+    <div class="col-12">
+        <table class="table table-hover">
+            <thead>
+                <tr class="d-flex">
+                    <th scope="col" class="col-1">Urgency</th>
+                    <th scope="col" class="col-2">Metric</th>
+                    <th scope="col" class="col-4">Description</th>
+                    <th scope="col" class="col-2">Cost</th>
+                    <th scope="col" class="col-3">Notes</th>
+                </tr>
+            </thead>
+            <tbody>
+                @foreach (ReminderRecordViewModel reminderRecord in Model)
+                {
+                    <tr class="d-flex" style="cursor:pointer;" onclick="showEditReminderRecordModal(@reminderRecord.Id)">
+                        <td class="col-1">@reminderRecord.Urgency.ToString()</td>
+                        @if (reminderRecord.Metric == ReminderMetric.Date)
+                        {
+                            <td class="col-1">@reminderRecord.Date.ToShortDateString()</td>
+                        } else if (reminderRecord.Metric == ReminderMetric.Odometer)
+                        {
+                            <td class="col-1">@reminderRecord.Mileage</td>
+                        }
+                        <td class="col-4">@reminderRecord.Description</td>
+                        <td class="col-3 text-truncate">@reminderRecord.Notes</td>
+                    </tr>
+                }
+            </tbody>
+        </table>
+    </div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/js/reminderrecord.js b/wwwroot/js/reminderrecord.js
new file mode 100644
index 0000000..81ed08e
--- /dev/null
+++ b/wwwroot/js/reminderrecord.js
@@ -0,0 +1,108 @@
+function showEditReminderRecordModal(reminderId) {
+    $.get(`/Vehicle/GetReminderRecordForEditById?reminderRecordId=${reminderId}`, function (data) {
+        if (data) {
+            $("#reminderRecordModalContent").html(data); 
+            $('#reminderDate').datepicker({
+                startDate: "+0d"
+            });
+            $("#reminderRecordModal").modal("show");
+        }
+    });
+}
+function hideAddReminderRecordModal() {
+    $('#reminderRecordModal').modal('hide');
+}
+function deleteReminderRecord(reminderRecordId) {
+    $("#workAroundInput").show();
+    Swal.fire({
+        title: "Confirm Deletion?",
+        text: "Deleted Reminders cannot be restored.",
+        showCancelButton: true,
+        confirmButtonText: "Delete",
+        confirmButtonColor: "#dc3545"
+    }).then((result) => {
+        if (result.isConfirmed) {
+            $.post(`/Vehicle/DeleteReminderRecordById?reminderRecordId=${reminderRecordId}`, function (data) {
+                if (data) {
+                    hideAddReminderRecordModal();
+                    successToast("Reminder Deleted");
+                    var vehicleId = GetVehicleId().vehicleId;
+                    getVehicleReminders(vehicleId);
+                } else {
+                    errorToast("An error has occurred, please try again later.");
+                }
+            });
+        } else {
+            $("#workAroundInput").hide();
+        }
+    });
+}
+function saveReminderRecordToVehicle(isEdit) {
+    //get values
+    var formValues = getAndValidateReminderRecordValues();
+    //validate
+    if (formValues.hasError) {
+        errorToast("Please check the form data");
+        return;
+    }
+    //save to db.
+    $.post('/Vehicle/SaveReminderRecordToVehicleId', { reminderRecord: formValues }, function (data) {
+        if (data) {
+            successToast(isEdit ? "Reminder Updated" : "Reminder Added.");
+            hideAddReminderRecordModal();
+            getVehicleReminders(formValues.vehicleId);
+        } else {
+            errorToast("An error has occurred, please try again later.");
+        }
+    })
+}
+function getAndValidateReminderRecordValues() {
+    var reminderDate = $("#reminderDate").val();
+    var reminderMileage = $("#reminderMileage").val();
+    var reminderDescription = $("#reminderDescription").val();
+    var reminderNotes = $("#reminderNotes").val();
+    var reminderOption = $('#reminderOptions input:radio:checked').val();
+    var vehicleId = GetVehicleId().vehicleId;
+    var reminderId = getReminderRecordModelData().id;
+    //validation
+    var hasError = false;
+    if (reminderDate.trim() == '') { //eliminates whitespace.
+        hasError = true;
+        $("#reminderDate").addClass("is-invalid");
+    } else {
+        $("#reminderDate").removeClass("is-invalid");
+    }
+    if (reminderMileage.trim() == '' || parseInt(reminderMileage) < 0) {
+        hasError = true;
+        $("#reminderMileage").addClass("is-invalid");
+    } else {
+        $("#reminderMileage").removeClass("is-invalid");
+    }
+    if (reminderDescription.trim() == '') {
+        hasError = true;
+        $("#reminderDescription").addClass("is-invalid");
+    } else {
+        $("#reminderDescription").removeClass("is-invalid");
+    }
+    if (reminderOption == undefined) {
+        hasError = true;
+        $("#reminderMetricDate").addClass("is-invalid");
+        $("#reminderMetricOdometer").addClass("is-invalid");
+        $("#reminderMetricBoth").addClass("is-invalid");
+    } else {
+        $("#reminderMetricDate").removeClass("is-invalid");
+        $("#reminderMetricOdometer").removeClass("is-invalid");
+        $("#reminderMetricBoth").removeClass("is-invalid");
+    }
+
+    return {
+        id: reminderId,
+        hasError: hasError,
+        vehicleId: vehicleId,
+        date: reminderDate,
+        mileage: reminderMileage,
+        description: reminderDescription,
+        notes: reminderNotes,
+        metric: reminderOption
+    }
+}
\ No newline at end of file
diff --git a/wwwroot/js/vehicle.js b/wwwroot/js/vehicle.js
index 9c59f18..8719eea 100644
--- a/wwwroot/js/vehicle.js
+++ b/wwwroot/js/vehicle.js
@@ -34,6 +34,9 @@ $(document).ready(function () {
             case "report-tab":
                 getVehicleReport();
                 break;
+            case "reminder-tab":
+                getVehicleReminders(vehicleId);
+                break;
         }
         switch (e.relatedTarget.id) { //clear out previous tabs with grids in them to help with performance
             case "servicerecord-tab":
@@ -51,6 +54,9 @@ $(document).ready(function () {
             case "report-tab":
                 $("#report-tab-pane").html("");
                 break;
+            case "reminder-tab":
+                $("#reminder-tab-pane").html("");
+                break;
         }
     });
     getVehicleServiceRecords(vehicleId);
@@ -91,6 +97,13 @@ function getVehicleTaxRecords(vehicleId) {
         }
     });
 }
+function getVehicleReminders(vehicleId) {
+    $.get(`/Vehicle/GetReminderRecordsByVehicleId?vehicleId=${vehicleId}`, function (data) {
+        if (data) {
+            $("#reminder-tab-pane").html(data);
+        }
+    });
+}
 function getVehicleReport() {
     $.get(`/Vehicle/GetReportPartialView`, function (data) {
         if (data) {
@@ -158,4 +171,13 @@ function uploadVehicleFilesAsync(event) {
             }
         }
     });
+}
+function showAddReminderModal() {
+    $.get('/Vehicle/GetAddReminderRecordPartialView', function (data) {
+        $("#reminderRecordModalContent").html(data);     
+        $('#reminderDate').datepicker({
+            startDate: "+0d"
+        });
+        $("#reminderRecordModal").modal("show");
+    });
 }
\ No newline at end of file