relative protocol

Author: omprashantjain

src/components/AddTodo.jsx

@@ -16,7 +16,7 @@ const AddTodo = () => {
     todoTextInput.current.value = "";
     todoDateInput.current.value = "";
 
-    fetch("http://mern-live-backend.azurewebsites.net/todos", {
+    fetch("//mern-live-backend.azurewebsites.net/todos", {
       method: "POST",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ task: todoText, date: todoDate }),

src/components/LoadItems.jsx

@@ -10,7 +10,7 @@ const LoadItems = () => {
 
   useEffect(() => {
     setIsLoading(true);
-    fetch("http://mern-live-backend.azurewebsites.net/todos")
+    fetch("//mern-live-backend.azurewebsites.net/todos")
       .then((res) => res.json())
       .then((items) => {
         const newItems = items.map(todoItemToClientModel);

src/components/TodoItem.jsx

@@ -6,7 +6,7 @@ const TodoItem = ({ id, todoText, todoDate, completed }) => {
   const [isComplete, setIsComplete] = useState(completed);
 
   const deleteHandler = () => {
-    fetch(`http://mern-live-backend.azurewebsites.net/todos/${id}`, {
+    fetch(`//mern-live-backend.azurewebsites.net/todos/${id}`, {
       method: "DELETE",
     })
       .then((res) => res.json())
@@ -17,7 +17,7 @@ const TodoItem = ({ id, todoText, todoDate, completed }) => {
   };
 
   const toggleComplete = () => {
-    fetch(`http://mern-live-backend.azurewebsites.net/todos/${id}`, {
+    fetch(`//mern-live-backend.azurewebsites.net/todos/${id}`, {
       method: "PATCH",
       headers: { "Content-Type": "application/json" },
       body: JSON.stringify({ completed: !isComplete }),