added comments and last changes

package-lock.json

         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
         "axios": "^1.2.1",
+        "cors": "^2.8.5",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^4.7.1",
       "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
     },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",

package.json

     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.2.1",
+    "cors": "^2.8.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.7.1",

public/.htaccess

+RewriteEngine On
+RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
+RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
+RewriteRule ^ - [L]
+RewriteRule ^ ./index.html

src/Pages/Noticias.js

 
     const [inputs, setInputs] = useState([]);
 
-    //Esta funcion manejea los cambio que uno hace en cuanto a la informacion
-    const handleChange = (event) => {
-        const name = event.target.name;
-        const value = event.target.value;
-        setInputs(values => ({...values, [name]: value}));
-    }
-
-    //Esta funcion maneja los cambios al uno presionar el boton y lo sube a la base de datos
-    const handleSubmit = (event) => {
-        event.preventDefault();
-
-        axios.post('http://localhost/apicenso/user/save', inputs).then(function(response){
-        //axios.post('https://ada.uprrp.edu/~luis.ortiz79/api/user/save', inputs).then(function(response){
+    const handleSubmit = e => {
+        e.preventDefault();
+        e.persist();
+        axios({
+        method: 'post',
+        headers: {
+            'Accept':'application/json',
+            'content-type': 'application/json'
+        },
+        url: `https://ada.uprrp.edu/~luis.ortiz79/api/user/save`,
+        //data: formData
+        data: inputs,
+        body: JSON.stringify(inputs),
+        })
+        .then((response)=>response.json())
+        .then((response)=>{
             console.log(response.data);
             navigate('/');
+        })
+        .catch((error)=>{
+            alert("Error: " + error);
         });
-        
+    }
+
+    const handleChange = (e) => {
+        const name = e.target.name;
+        const value = e.target.value;
+        setInputs(values => ({
+            ...values,
+            [name]: value,
+        }));
     }
 
     const [users, setUsers] = useState([]);
 
     //Esta funcion busca el id de la noticia selecionada en la base de datos
     function getUsers() {
-        axios.get('http://localhost/apicenso/users/').then(function(response) {
-        //axios.get('https://ada.uprrp.edu/~luis.ortiz79/api/users/').then(function(response) {
+        axios({
+            method: 'get',
+            headers: {
+                'Accept':'application/json',
+                'content-type': 'application/json'
+            },
+            url: `https://ada.uprrp.edu/~luis.ortiz79/api/users/`,
+            //data: formData
+        })
+        .then((response)=>response.json())
+        .then((response)=>{
             console.log(response.data);
             setUsers(response.data);
+        })
+        .catch((error)=>{
+            alert("Error: " + error);
         });
     }
 
 
-    //Esta funcion envie el id a la base de datos para ser borrada 
+    //Esta funcion envie el id a la base de datos para ser borrada
     const deleteUser = (id) => {
-        axios.delete(`http://localhost/apicenso/user/${id}/delete`).then(function(response){
-        //axios.delete(`https://ada.uprrp.edu/~luis.ortiz79/api/user/${id}/delete`).then(function(response){  
+        axios({
+            method: 'delete',
+            headers: {
+                'Accept':'application/json',
+                'content-type': 'application/json'
+            },
+            url: `https://ada.uprrp.edu/~luis.ortiz79/api/user/${id}/delete`,
+            //data: formData
+        })
+        .then((response)=>response.json())
+        .then((response)=>{
             console.log(response.data);
             getUsers();
+        })
+        .catch((error)=>{
+            alert("Error: " + error);
         });
     }
 
         //En la primera tabla es donde el usuario puede subir la noticia en la base de datos
         //En la segunda tabla es donde le da la lista de lo que contiene la base de datos y la opcion de poder borrar esa noticia
         <div className="Noticias">
-
             <h1>Noticias</h1>
 
             <form onSubmit={handleSubmit}>
                             <th>
                                 <label>Subject:</label>
                             </th>
-                            <td> 
+                            <td>
                                 <textarea name="subject" placeholder="Write something.." onChange={handleChange} ></textarea>
                             </td>
                         </tr>
                             </td>
                         </tr>
                     )}
-                    
+
                 </tbody>
             </table>
         </div>
     );
-}
+}

src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
-  
+
 ReactDOM.render(
     <React.StrictMode>
         <App />