faq content updated

.env

@@ -8,4 +8,6 @@ REACT_APP_APPSITE=" https://myfitapp.mermsemr.com"
 
 
 REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
-REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfitusers"
+REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser"
+
+REACT_APP_SESSION_EXPIRE_MINUTES = 5

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "nft-max-react",
+  "name": "myFit-App",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
@@ -8,8 +8,10 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
+    "axios": "^0.24.0",
     "chart.js": "^3.7.1",
     "chartjs": "^0.3.24",
+    "cors": "^2.8.5",
     "faker": "^6.6.6",
     "react": "^18.0.0",
     "react-chartjs-2": "^4.1.0",

src/components/AuthPages/AuthProfile/index.jsx

@@ -145,6 +145,7 @@ export default function AuthProfile() {
             </div>
 
           </div>
+          <ActivitiesTab />
         </div>
       </Layout>
     </>

src/components/AuthPages/Login/index.jsx

@@ -4,6 +4,7 @@ import { toast } from "react-toastify";
 import googleLogo from "../../../assets/images/google-logo.svg";
 // import titleShape from "../../../assets/images/shape/title-shape.svg";
 import titleShape from "../../../assets/images/shape/login_straight_underline.svg";
+import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
 
@@ -19,21 +20,30 @@ export default function Login() {
   };
 
   // email
-  const [email, setMail] = useState("support@chiefsoft.com");
+  const [email, setMail] = useState("");
   const handleEmail = (e) => {
     setMail(e.target.value);
   };
   // password
-  const [password, setPassword] = useState("123456");
+  const [password, setPassword] = useState("");
   const handlePassword = (e) => {
     setPassword(e.target.value);
   };
   const navigate = useNavigate();
-  const doLogin = () => {
+  const userApi = new usersService();
+  const doLogin = async () => {
     if (email !== "" && password !== "") {
-      if (email === "support@chiefsoft.com") {
+      var postData = {
+        username: email,
+        password: password
+      };
+      const loginResult = await userApi.logInUser(postData);  // just for a test
+      // if (email === "support@mermsemr.com") {
+      if (loginResult.data.status > 0 && loginResult.data.session_token !='') { // just for a start
         localStorage.setItem("email", `${email}`);
+        localStorage.setItem("session_token", `${loginResult.data.session_token}`);
         setLoginLoading(true);
+         // userApi.getUserReminders(); //testing
         setTimeout(() => {
           toast.success("Login Successfully");
           navigate("/", { replace: true });
@@ -57,7 +67,7 @@ export default function Login() {
               <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                 Log In
               </h1>
-              <div className="shape -mt-2">
+              <div className="shape mb-[10px]">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>
@@ -66,7 +76,7 @@ export default function Login() {
                 <InputCom
                   value={email}
                   inputHandler={handleEmail}
-                  placeholder="support@chiefsoft.com"
+                  placeholder="support@mermsemr.com"
                   label="Email Address"
                   name="email"
                   type="email"
@@ -122,9 +132,8 @@ export default function Login() {
                   <button
                     onClick={doLogin}
                     type="button"
-                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${
-                      loginLoading ? "active" : ""
-                    }`}
+                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${loginLoading ? "active" : ""
+                      }`}
                   >
                     {loginLoading ? (
                       <div className="signup btn-loader"></div>
@@ -133,7 +142,7 @@ export default function Login() {
                     )}
                   </button>
                 </div>
-                {loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
+                {loginError && <p class="text-center text-red-700 pb-4">Invalid username or password</p>}
                 <a
                   href="#"
                   className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"

src/components/AuthPages/SignUp/index.jsx

@@ -22,11 +22,11 @@ export default function SignUp() {
               </div>
               */}
               <div className="thumbnail flex justify-center">
-               {/*<img src={loginThumb} alt="login-thumb" /> */} 
+                {/*<img src={loginThumb} alt="login-thumb" /> */}
               </div>
               <div className="article w-[600px]">
                 <p className="text-[60px] font-bold leading-[72px] text-white">
-                Welcome to myFit
+                  Welcome to myFit
                 </p>
               </div>
             </div>
@@ -37,7 +37,7 @@ export default function SignUp() {
                     <h1 className="sm:text-5xl text-4xl font-bold  text-dark-gray dark:text-white leading-2">
                       Create Account
                     </h1>
-                    <div className="shape sm:w-[377px] w-[280px] -mt-2.5 ml-5">
+                    <div className="shape sm:w-[377px] w-[280px] mb-[10px] ml-5">
                       <img src={titleShape} alt="shape" />
                     </div>
                   </div>

src/components/Helpers/Accordion.jsx

@@ -26,7 +26,7 @@ export default function Accordion({ datas }) {
             </span>
           </div>
           <div className="accordion-title w-full">
-            <p className="text-18 tracking-wide   text-dark-gray dark:text-white">
+            <p className="text-18 tracking-wide   text-dark-gray dark:text-white cursor-default">
               {datas.title}
             </p>
           </div>
@@ -35,7 +35,7 @@ export default function Accordion({ datas }) {
           <div className="accordion-body-content flex space-x-4 sm:pl-10 pl-5 pt-5">
             <div className="w-[3px] h-auto bg-purple rounded-[28px]"></div>
             <div className="flex-1">
-              <p className="text-base text-thin-light-gray tracking-wide">
+              <p className="text-base text-thin-light-gray tracking-wide cursor-default">
                 {datas.content}
               </p>
             </div>

src/components/Home/SellHistoryMarketVisitorAnalytic.jsx

@@ -104,9 +104,7 @@ export default function SellHistoryMarketVisitorAnalytic({ className }) {
       }`}
     >
       <div className="content-wrapper w-full  lg:flex xl:space-x-8 lg:space-x-4">
-        <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
-          <SellHistoryWidget />
-        </div>
+
         <div className="flex-1 ">
           <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
             <div className="flex flex-col justify-between h-full">
@@ -127,6 +125,11 @@ export default function SellHistoryMarketVisitorAnalytic({ className }) {
             </div>
           </div>
         </div>
+        
+        <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
+          <SellHistoryWidget />
+        </div>
+
       </div>
     </div>
   );

src/components/Reminders/index.jsx

@@ -1,12 +1,29 @@
-import React from "react";
-import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard";
-import Layout from "../Partials/Layout";
-import ReminderTable from "./ReminderTable";
+import React from 'react'
+import HistoryAnalyticsCard from '../Cards/HistoryAnalyticsCard'
+import Layout from '../Partials/Layout'
+import ReminderTable from './ReminderTable'
+import { Link } from 'react-router-dom'
 
 export default function Reminders() {
   return (
     <>
       <Layout>
+        <div className="content-wrapper-profile-only w-full mb-6">
+          <div className="auth-tab-content relative mb-10">
+            <div className="lg:flex justify-between">
+              <div className="tab-items"></div>
+              <div style={{ transform: 'translateY(-22px)' }}>
+                <Link
+                  to="/add-reminder"
+                  className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
+                >
+                  Add Reminder
+                </Link>
+              </div>
+            </div>
+            <div className="hidden lg:block w-full h-[1px] bg-[#DCD5FE] dark:bg-[#5356fb29] absolute top-[42px] left-0"></div>
+          </div>
+        </div>
         <div className="history-wrapper w-full mb-10">
           <div className="main-wrapper w-full">
             <ReminderTable />
@@ -14,5 +31,5 @@ export default function Reminders() {
         </div>
       </Layout>
     </>
-  );
+  )
 }

src/components/Settings/Tabs/LoginActivityTab.jsx

@@ -8,246 +8,135 @@ export default function LoginActivityTab() {
         <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
           <tbody>
             <tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
-              <td className="py-4 text-center">OS</td>
-              <td className="py-4 text-center">Browser</td>
+              <td className="py-4 text-center">Channel</td>
+              <td className="py-4 text-center">Date</td>
               <td className="py-4 text-center">Location</td>
-              <td className="py-4 text-center">Last session</td>
-              <td className="py-4 text-center">Status</td>
-              <td className="py-4 text-center"></td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Windows
+                    Desktop
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Google Chrome
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Dhaka , Bangladesh
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Mac
+                    Desktop
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Firefox
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Tokyo,japan
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  5 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-red text-white capitalize">
-                  Inactive
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    Desktop
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Barhin,Dubai
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Windows
+                    Desktop
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Google Chrome
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Dhaka , Bangladesh
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Mac
+                    Desktop
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Firefox
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Tokyo,japan
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  5 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-red text-white capitalize">
-                  Inactive
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
             <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
               <td className="text-center py-4">
                 <div className="flex items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    Mobile
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <div className="flex space-x-1 items-center justify-center">
                   <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    10-10-2035
                   </span>
                 </div>
               </td>
               <td className="text-center py-4">
                 <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Barhin,Dubai
+                  10.0.0.1000
                 </span>
               </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
             </tr>
           </tbody>
         </table>

src/data/faq.json

@@ -2,38 +2,33 @@
   "datas": [
     {
       "id": 0,
-      "title": "Can I resell an NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game. What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game"
+      "title": "What is myFit App?",
+      "content": "myFit is your personal health care concierge. this app helps you to manage the intricacies of your daily and long term health activities. With myFit, your health record is yours at all point, you decide your provider access as needed from time to time."
     },
     {
       "id": 1,
-      "title": "What can you do with an NFT after buying it?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How can I manage my health plan with myFit?",
+      "content": "myFit learns and help You to keep track of all aspects of your health - physical, mental and emotional. It bestow your unique lifestyle, needs and comprehensive well-being."
     },
     {
       "id": 2,
-      "title": "Can you lose money on NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "What can I track with myFit?",
+      "content": "myFit automatically keeps track of physical activities, medical status & visits , schedules ,view and cancel appointments. myFit keeps your health in one place and connects you to support a healthier lifestyle."
     },
     {
       "id": 3,
-      "title": "How does NFT prove ownership?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How can I track with myFit?",
+      "content": "Open myFit app , add information about your health, goals and save.Under each category of your choosing, select Activity, set a goal , see your progress."
     },
     {
       "id": 4,
-      "title": "How can you tell if someone owns an NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How secure is myFit App?",
+      "content": "myFit technology works synchronously with information you choose to share and will be encrypted and stored on a dedicated server so that MyFit can provide you with personalized, healthy decisions. MyFit is built to keep your data secure and protect your privacy. Your data is encrypted and you are always in control of your information."
     },
     {
       "id": 5,
-      "title": "Can you lose more than you invest in NFTs?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
-    },
-    {
-      "id": 6,
-      "title": "What can you do with an NFT after buying it?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "What kind of device do I need?",
+      "content": "All you need is iPhone or Android device to enjoy all personalized metrics for personal use. Instant free download from apple and play store."
     }
   ]
 }

src/services/SiteService.js

@@ -0,0 +1,83 @@
+import React from "react";
+import Axios from "axios";
+
+class SiteService {
+    constructor() {
+        console.log("Er are here anyway");
+    }
+    // Blog Data {Get}
+    blogData() {
+        return this.getAuxEnd("/blogdata", null);
+    }
+
+    // Country Data {GET}
+    countryData() {
+        return this.getAuxEnd("/country", null);
+    }
+
+    // Contact Data{POST}
+    contactData() {
+        return this.postAuxEnd("/contact", null)
+    }
+
+    faqData() {
+        return this.getAuxEnd("/faq", null);
+    }
+
+    priceData() {
+        return this.getAuxEnd("/pricing", null);
+    }
+
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    // Unified call below
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    getAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
+        return Axios.get(endPoint)
+            .then((response) => {
+                // console.log(response);
+                // res = response;
+                // console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+
+    postAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
+        return Axios.post(endPoint, reqData)
+            .then((response) => {
+                console.log(response);
+                // res = response;
+                console.log("~~~~~~~ Toks2 POST ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+}
+
+export default SiteService;

src/services/UsersService.js

@@ -0,0 +1,103 @@
+import React from "react";
+import Axios from "axios";
+
+class usersService {
+    constructor() {
+        console.log("Er are here anyway");
+    }
+
+    logInUser(reqData) {
+       // debugger;
+        /*
+        clean up the request data here
+         */
+        localStorage.setItem("session_token", ``);
+        return this.postAuxEnd("/login", reqData);
+    }
+
+    getUserReminders(){
+        return this.getAuxEnd("/reminders", null);
+    }
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    // Unified call below
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    getAuxEnd(uri, reqData) {
+        debugger;
+        const session_token = localStorage.getItem("session_token");
+        let axiosConfig = {
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json;charset=UTF-8',
+                'Authorization': `Basic ${session_token}`,
+            }
+        };
+        const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
+        return Axios.get(endPoint,axiosConfig)
+            .then((response) => {
+                // console.log(response);
+                // res = response;
+                // console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+
+    postAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
+        const session_token = localStorage.getItem("session_token");
+        let axiosConfig = {
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json;charset=UTF-8',
+                'Authorization': `Basic ${session_token}`,
+            }
+        };
+        //Access-Control-Allow-Origin
+        var postData = {
+            email: "test@test.com",
+            password: "password"
+        };
+      //  Axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
+      //  Axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*'; //,axiosConfig
+        return Axios.post(endPoint, reqData,axiosConfig)
+            .then((response) => {
+                console.log(response);
+                // res = response;
+                console.log("~~~~~~~ Toks2 POST ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log("ERROR-------------------------------------------------------");
+                    console.log(error.response.status);
+                    console.log("ERROR-------------------------------------------------------");
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log("ERROR2-------------------------------------------------------");
+                    console.log(error.request);
+                    console.log("ERROR2-------------------------------------------------------");
+                } else {
+                    //an error occurred when setting up the request
+                    console.log("ERROR3-------------------------------------------------------");
+                    console.log(error.message);
+                    console.log("ERROR3-------------------------------------------------------");
+                }
+            });
+    }
+}
+
+export default usersService;