RealEstateCRM Installation Guide #2

prolinkinfo · 2023-08-21T06:17:26Z

prolinkinfo
Aug 21, 2023
Maintainer

This guide will walk you through the process of setting up and installing the React.js project from the GitHub repository: real-estate-frontend.

RealEstateCRM Installation Guidelines
--> https://youtu.be/Gdzp1XSXzKY?si=jSSE-24DGAOdM15G

Prerequisites

Before you begin, ensure that you have the following tools and software installed on your system:

1. Node.js and npm (Node Package Manager):

Download and Install Node.js

Node js Setup

Download Node.js :
Visit the official Node.js website (https://nodejs.org/) and download the 18.16.0. LTS versions are more stable and recommended for most projects.

Install Node.js :
Run the installer you downloaded and follow the installation instructions. Make sure to include npm (Node Package Manager) during installation, as it comes bundled with Node.js.

Verify Installation :
Open a terminal or command prompt and type the following commands to verify that Node.js and npm are installed :
node -v or npm -v

MongoDB Compass Setup

Download MongoDB Compass or create account in mongodb Atlas

Installation Steps for Frontend

Follow these steps to install and run the React.js project on your local machine:

Download the ZIP File:
Download the ZIP file containing the React.js project from a source such as a website, GitHub repository, or any other platform.
Extract the ZIP File:
Locate the downloaded ZIP file and extract its contents to a directory of your choice on your computer.
Open a Terminal:
Open a terminal or command prompt on your computer. This is where you'll run the necessary commands to set up and run the React project.
Navigate to Project Directory:
Use the cd command to navigate to the directory where you extracted the contents of the ZIP file. For example:

cd path/to/project-directory

Install Dependencies:
In the project directory, there should be a package.json file that lists the project's dependencies. Run the following command to install these dependencies:

npm install or if you're using Yarn yarn install

Start the Development Server:
Once the dependencies are installed, you can start the development server to run your React application locally:

npm start or if you're using Yarn yarn start

Change baseUrl:

Go to Project Directory Open constant.js file change baseUrl to your Server URL to connect to the backend
Ex: baseUrl: 'http://127.0.0.1:5001/'

Access the Application:

After the development server starts successfully, you'll see an output indicating that the application is running. Open your web browser and navigate to http://localhost:3000 (or the specified port if different) to access your React.js application.

Installation Steps for Backend

Follow these steps to install and run the backend on your local machine:

Download the ZIP File:
Download the ZIP file containing the React.js project from a source such as a website, GitHub repository, or any other platform.
Extract the ZIP File:
Locate the downloaded ZIP file and extract its contents to a directory of your choice on your computer.
Open a Terminal:
Open a terminal or command prompt on your computer. This is where you'll run the necessary commands to set up and run the React project.
Navigate to Project Directory:
Use the cd command to navigate to the directory where you extracted the contents of the ZIP file. For example:

cd path/to/project-directory

Install Dependencies:
In the project directory, there should be a package.json file that lists the project's dependencies. Run the following command to install these dependencies:

npm install or if you're using yarn yarn install

Enter Database URL:

Create .env file in to your project directory
Open Project Directory -> .env file
Ex : DB_URL = paste your mongoDB URL hear

Enter Database Name :

Open Project Directory -> .env file
Ex : DB = Enter your mongoDB Database Name

Start the Development Server :
Once the dependencies are installed, you can start the development server to run your React application locally :

npm start

Open the application

Open your Internet browser and type the following URL in the browser address bar http://localhost:3000/

You can log in with the admin default credentials:

Email: admin@gmail.com
Password: admin123

Please feel free to ask if you face any difficulty in setting up the application.

Manikandan2210 · 2023-09-07T16:41:18Z

Manikandan2210
Sep 7, 2023

admin login is not working bro

3 replies

prolinkinfo Sep 9, 2023
Maintainer Author

@Manikandan2210

I have checked it and verified it. It's working.

hugo-gtz Oct 27, 2023

Thank you for sharing your project, Prolink! But unfortunately as they mention, when you press the login button, nothing happens... Or at least, that's my case

hugo-gtz Oct 28, 2023

I don't know much about programming, but in the 'Inspect' browser console, when I click 'Sign In' using the right credentials, it shows this error:

api.js:23 DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
at dispatchXhrRequest (http://localhost:3000/static/js/bundle.js:548806:13)
at new Promise ()
at xhr (http://localhost:3000/static/js/bundle.js:548773:10)
at Axios.dispatchRequest (http://localhost:3000/static/js/bundle.js:549969:10)
at Axios.request (http://localhost:3000/static/js/bundle.js:549405:77)
at Axios.httpMethod [as post] (http://localhost:3000/static/js/bundle.js:549439:19)
at Function.wrap [as post] (http://localhost:3000/static/js/bundle.js:550535:15)
at postApi (http://localhost:3000/static/js/bundle.js:4174:70)
at login (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:502:81)
at onSubmit (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:495:7)
postApi @ api.js:23
await in postApi (asincrónica)
login @ index.jsx:60
onSubmit @ index.jsx:52
(anonymous) @ Formik.tsx:859
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:766
Promise.then (asincrónica)
(anonymous) @ Formik.tsx:741
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:833
(anonymous) @ Formik.tsx:1213
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4070
executeDispatch @ react-dom.development.js:8243
processDispatchQueueItemsInOrder @ react-dom.development.js:8275
processDispatchQueue @ react-dom.development.js:8288
dispatchEventsForPlugins @ react-dom.development.js:8299
(anonymous) @ react-dom.development.js:8508
batchedEventUpdates$1 @ react-dom.development.js:22396
batchedEventUpdates @ react-dom.development.js:3745
dispatchEventForPluginEventSystem @ react-dom.development.js:8507
attemptToDispatchEvent @ react-dom.development.js:6005
dispatchEvent @ react-dom.development.js:5924
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
discreteUpdates$1 @ react-dom.development.js:22413
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889
index.jsx:70 TypeError: Cannot read properties of undefined (reading 'data')
at login (index.jsx:66:1)

prolinkinfo · 2023-10-30T05:53:02Z

prolinkinfo
Oct 30, 2023
Maintainer Author

@HugoAGM and @Nimesh2104

I will check it and let you know about the fix.

6 replies

prolinkinfo Oct 31, 2023
Maintainer Author

I have just checked it and it's working now.

If you are not able to login then refresh the login page and then try login.

hugo-gtz Oct 31, 2023

I was finally able to log in, thank you so much! I'll inform you if there is any problems in the future
God bless you!

prachibagkar Dec 13, 2023

Heyy @prolinkinfo , I'm getting the same error as mentioned by @HugoAGM. Whenever I click on SignIn using right credentials , it throwing this error.
DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
at dispatchXhrRequest (http://localhost:3000/static/js/bundle.js:554728:13)
at new Promise ()
at xhr (http://localhost:3000/static/js/bundle.js:554693:10)
at Axios.dispatchRequest (http://localhost:3000/static/js/bundle.js:555893:10)
at Axios.request (http://localhost:3000/static/js/bundle.js:555329:77)
at Axios.httpMethod [as post] (http://localhost:3000/static/js/bundle.js:555363:19)
at Function.wrap [as post] (http://localhost:3000/static/js/bundle.js:556460:15)
at postApi (http://localhost:3000/static/js/bundle.js:4174:70)
at login (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:502:81)
at onSubmit (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:495:7)
postApi @ api.js:23
await in postApi (async)
login @ index.jsx:60
onSubmit @ index.jsx:52
(anonymous) @ Formik.tsx:859
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:766
Promise.then (async)
(anonymous) @ Formik.tsx:741
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:833
(anonymous) @ Formik.tsx:1213
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4070
executeDispatch @ react-dom.development.js:8243
processDispatchQueueItemsInOrder @ react-dom.development.js:8275
processDispatchQueue @ react-dom.development.js:8288
dispatchEventsForPlugins @ react-dom.development.js:8299
(anonymous) @ react-dom.development.js:8508
batchedEventUpdates$1 @ react-dom.development.js:22396
batchedEventUpdates @ react-dom.development.js:3745
dispatchEventForPluginEventSystem @ react-dom.development.js:8507
attemptToDispatchEvent @ react-dom.development.js:6005
dispatchEvent @ react-dom.development.js:5924
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
discreteUpdates$1 @ react-dom.development.js:22413
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889

prolinkinfo Dec 13, 2023
Maintainer Author

@prachibagkar

Thanks for your message. Did you setup it up on your server and check or you are login in to our CRM?

whatshappenedx Jan 16, 2024

Good morning, I have the same problem, first I have the following problem "Failed to compile.

Module not found: Error: Can't resolve '@chakra-ui/form-control' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'
ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 14:18-52
Module not found: Error: Can't resolve '@chakra-ui/form-control' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 15:13-41
Module not found: Error: Can't resolve '@chakra-ui/layout' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 16:13-41
Module not found: Error: Can't resolve '@chakra-ui/button' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 17:12-39
Module not found: Error: Can't resolve '@chakra-ui/input' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 19:10-35
Module not found: Error: Can't resolve '@chakra-ui/tag' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'" and then I can't login :cc Can you help me with that, the following message is the error when I press the button Sign in "TypeError: Cannot read properties of undefined (reading 'data')
at login (index.jsx:86:1)".

AbhishekChaurasiya23 · 2023-12-07T11:49:03Z

AbhishekChaurasiya23
Dec 7, 2023

hello Sir
I Got this error while setup this project
AxiosErrorcode: "ERR_BAD_REQUEST"config: adapter: (2) ['xhr', 'http']data: "{"username":"admin@gmail.com","password":"admin123"}"env: {FormData: ƒ, Blob: ƒ}headers: AxiosHeaders {Accept: 'application/json, text/plain, /', Content-Type: 'application/json', Authorization: null}maxBodyLength: -1maxContentLength: -1method: "post"timeout: 0transformRequest: [ƒ]transformResponse: [ƒ]transitional: {silentJSONParsing: true, forcedJSONParsing: true, clarifyTimeoutError: false}url: "undefinedapi/user/login"validateStatus: ƒ validateStatus(status)xsrfCookieName: "XSRF-TOKEN"xsrfHeaderName: "X-XSRF-TOKEN"[[Prototype]]: Objectmessage: "Request failed with status code 404"name: "AxiosError"request: XMLHttpRequestonabort: ƒ handleAbort()onerror: ƒ handleError()onload: nullonloadend: ƒ onloadend()onloadstart: nullonprogress: nullonreadystatechange: nullontimeout: ƒ handleTimeout()readyState: 4response: "\n<html lang="en">\n\n<meta charset="utf-8">\n<title>Error</title>\n\n\n

Cannot POST /auth/undefinedapi/user/login

\n\n\n"responseText: "\n<html lang="en">\n\n<meta charset="utf-8">\n<title>Error</title>\n\n\n

Cannot POST /auth/undefinedapi/user/login

\n\n\n"responseType: ""responseURL: "http://localhost:3000/auth/undefinedapi/user/login"responseXML: nullstatus: 404statusText: "Not Found"timeout: 0upload: XMLHttpRequestUpload {onloadstart: null, onprogress: null, onabort: null, onerror: null, onload: null, …}withCredentials: false[[Prototype]]: XMLHttpRequestresponse: config: {transitional: {…}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}data: "\n<html lang="en">\n\n<meta charset="utf-8">\n<title>Error</title>\n\n\n

Cannot POST /auth/undefinedapi/user/login

\n\n\n"headers: AxiosHeaders {access-control-allow-headers: '', access-control-allow-methods: '', access-control-allow-origin: '*', connection: 'keep-alive', content-length: '168', …}request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}status: 404statusText: "Not Found"[[Prototype]]: Objectstack: "AxiosError: Request failed with status code 404\n at settle (http://localhost:3000/static/js/bundle.js:552629:12)\n at XMLHttpRequest.onloadend (http://localhost:3000/static/js/bundle.js:551311:66)"[[Prototype]]: Error
postApi @ api.js:23

1 reply

prolinkinfo Dec 8, 2023
Maintainer Author

@AbhishekChaurasiya23 Can you please elaborate more? On which step you get this error? Any screenshots? What's your environment configuration?

AbhishekChaurasiya23 · 2023-12-08T08:48:33Z

AbhishekChaurasiya23
Dec 8, 2023

I got this error in while connect to frontend with backend i think i miss the some step
In constant.js

Please help me I want give this project till monday

2 replies

prolinkinfo Dec 8, 2023
Maintainer Author

Run this command and then check.

npm install -g nodemon

AbhishekChaurasiya23 Dec 8, 2023

i Have run this command but showing the same error

AbhishekChaurasiya23 · 2023-12-08T12:23:29Z

AbhishekChaurasiya23
Dec 8, 2023

sir please check my database connection right in .evn file

1 reply

prolinkinfo Dec 11, 2023
Maintainer Author

In the constant.js file, there will be baseUrl. Not "REACT_APP_BASE_URL"

REACT_APP_BASE_URL will go into the .env file.

krvinay031 · 2023-12-12T12:56:54Z

krvinay031
Dec 12, 2023

HI SETUP AND HOSTED BUT LOGIN PAGE NOT WORKING after typing email and password
https://real-estate-crm-main-of92.vercel.app/auth/sign-in

pLEASE HELP

15 replies

prolinkinfo Dec 22, 2023
Maintainer Author

To change the titles - RealEstateCRM\Client\src\routes.js

krvinay031 Dec 22, 2023

i want to change this heading to own name

prolinkinfo Dec 22, 2023
Maintainer Author

RealEstateCRM\Client\src\components\sidebar\components\Brand.js

krvinay031 Dec 22, 2023

Thank You alot , i need to do some custom changes , i need basixly this type of crm . if you can add and change few thing as paid . please let me know your contact detais

prolinkinfo Dec 22, 2023
Maintainer Author

You are very welcome @krvinay031

You can always contact us for any help or paid support at talent@prolinkinfotech.com

Thanks

hugo-gtz · 2024-01-14T02:03:45Z

hugo-gtz
Jan 14, 2024

Hello, @prolinkinfo! Hope you're doing well. I've seen the new update of the project (which I liked quite a bit) and was trying to check it out and run it, but when I do, a blank page just appears. I'm running everything fine, the frontend and backend, and I'm also running MongoDB. In fact, the old version runs fine, just as the demo. I don't know if I did something wrong or there is an error on the new project. Hope you can help us fix it.🙏

8 replies

whatshappenedx Jan 16, 2024

Good morning, I have the same problem, first I have the following problem "Failed to compile.

Module not found: Error: Can't resolve '@chakra-ui/form-control' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'
ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 14:18-52
Module not found: Error: Can't resolve '@chakra-ui/form-control' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 15:13-41
Module not found: Error: Can't resolve '@chakra-ui/layout' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 16:13-41
Module not found: Error: Can't resolve '@chakra-ui/button' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 17:12-39
Module not found: Error: Can't resolve '@chakra-ui/input' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'

ERROR in ./node_modules/chakra-ui-autocomplete/dist/chakra-ui-autocomplete.cjs.development.js 19:10-35
Module not found: Error: Can't resolve '@chakra-ui/tag' in 'D:\SupIsaac\Download\Compressed\RealEstateCRM-main\Client\node_modules\chakra-ui-autocomplete\dist'" and then I can't login :cc Can you help me with that, the following message is the error when I press the button Sign in "OMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
at dispatchXhrRequest (http://localhost:3000/static/js/bundle.js:561263:13)
at new Promise ()
at xhr (http://localhost:3000/static/js/bundle.js:561228:10)
at Axios.dispatchRequest (http://localhost:3000/static/js/bundle.js:562428:10)
at Axios.request (http://localhost:3000/static/js/bundle.js:561864:77)
at Axios.httpMethod [as post] (http://localhost:3000/static/js/bundle.js:561898:19)
at Function.wrap [as post] (http://localhost:3000/static/js/bundle.js:562995:15)
at postApi (http://localhost:3000/static/js/bundle.js:4951:70)
at login (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:516:81)
at onSubmit (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:509:7)
postApi @ api.js:23
await in postApi (async)
login @ index.jsx:80
onSubmit @ index.jsx:72
(anonymous) @ Formik.tsx:859
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:766
Promise.then (async)
(anonymous) @ Formik.tsx:741
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:833
(anonymous) @ Formik.tsx:1213
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4070
executeDispatch @ react-dom.development.js:8243
processDispatchQueueItemsInOrder @ react-dom.development.js:8275
processDispatchQueue @ react-dom.development.js:8288
dispatchEventsForPlugins @ react-dom.development.js:8299
(anonymous) @ react-dom.development.js:8508
batchedEventUpdates$1 @ react-dom.development.js:22396
batchedEventUpdates @ react-dom.development.js:3745
dispatchEventForPluginEventSystem @ react-dom.development.js:8507
attemptToDispatchEvent @ react-dom.development.js:6005
dispatchEvent @ react-dom.development.js:5924
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
discreteUpdates$1 @ react-dom.development.js:22413
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889
Show 26 more frames
Show less
index.jsx:89 TypeError: Cannot read properties of undefined (reading 'data')
at login (index.jsx:86:1)". I do not know what can be the error, maybe in the configuration.

prolinkinfo Jan 17, 2024
Maintainer Author

@whatshappenedx

Please clear your browser cache and terminal cache and then run this command: npm i --f

whatshappenedx Jan 17, 2024

Thank you, I will try it

whatshappenedx Jan 17, 2024

And now I am trying to upload to an app service in Azure and I am using docker to dockerize it and then upload to an appservice, but somehow, I have two app services, one for the backend and one app service for the frontend, is that okay? Can I contact to you, in order to get more help, please?

prolinkinfo Jan 18, 2024
Maintainer Author

@whatshappenedx You can contact us at talent@prolinkinfotech.com for additional paid support.

hugo-gtz · 2024-01-16T17:58:20Z

hugo-gtz
Jan 16, 2024

@HugoAGM Did you start the backend?

Yes, I did. I also downloaded it again, but same problem occurs.

2 replies

prolinkinfo Jan 17, 2024
Maintainer Author

Please clear your browser cache and terminal cache and then run this command: npm i --f

hugo-gtz Jan 18, 2024

It's working now, thank you so much and sorry for the bother... 🙏

skjupical · 2024-01-22T06:31:57Z

skjupical
Jan 22, 2024

Hey, i am getting below error when i am trying to sign in with admin credentials and clicking on login button,,,I have tried clear my browser and terminal cache and had also run npm i --f command but still getting the below error

api.js:23 DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
at dispatchXhrRequest (http://localhost:3000/static/js/bundle.js:575046:13)
at new Promise ()
at xhr (http://localhost:3000/static/js/bundle.js:575011:10)
at Axios.dispatchRequest (http://localhost:3000/static/js/bundle.js:576211:10)
at Axios.request (http://localhost:3000/static/js/bundle.js:575647:77)
at Axios.httpMethod [as post] (http://localhost:3000/static/js/bundle.js:575681:19)
at Function.wrap [as post] (http://localhost:3000/static/js/bundle.js:576778:15)
at postApi (http://localhost:3000/static/js/bundle.js:5207:70)
at login (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:518:81)
at onSubmit (http://localhost:3000/static/js/src_views_auth_signIn_index_jsx.chunk.js:511:7)
postApi @ api.js:23
await in postApi (async)
login @ index.jsx:81
onSubmit @ index.jsx:73
(anonymous) @ Formik.tsx:859
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:766
Promise.then (async)
(anonymous) @ Formik.tsx:741
(anonymous) @ Formik.tsx:1213
(anonymous) @ Formik.tsx:833
(anonymous) @ Formik.tsx:1213
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4070
executeDispatch @ react-dom.development.js:8243
processDispatchQueueItemsInOrder @ react-dom.development.js:8275
processDispatchQueue @ react-dom.development.js:8288
dispatchEventsForPlugins @ react-dom.development.js:8299
(anonymous) @ react-dom.development.js:8508
batchedEventUpdates$1 @ react-dom.development.js:22396
batchedEventUpdates @ react-dom.development.js:3745
dispatchEventForPluginEventSystem @ react-dom.development.js:8507
attemptToDispatchEvent @ react-dom.development.js:6005
dispatchEvent @ react-dom.development.js:5924
unstable_runWithPriority @ scheduler.development.js:468
runWithPriority$1 @ react-dom.development.js:11276
discreteUpdates$1 @ react-dom.development.js:22413
discreteUpdates @ react-dom.development.js:3756
dispatchDiscreteEvent @ react-dom.development.js:5889
Show 26 more frames
Show less
index.jsx:90 TypeError: Cannot read properties of undefined (reading 'data')
at login (index.jsx:87:1)

1 reply

prolinkinfo Jan 22, 2024
Maintainer Author

Please add .env file.

REACT_APP_BASE_URL = http://127.0.0.1:5001/

kirkjaa · 2024-02-02T12:17:03Z

kirkjaa
Feb 2, 2024

After installation setup via CLI no issue at all but when I try to use login page, it render but also give this run time error on the login page

2 replies

prolinkinfo Feb 5, 2024
Maintainer Author

Please start backend (server)

amroy07 Feb 10, 2024

still its showing the same error after starting the backend

sheryarkayani · 2024-02-09T20:42:20Z

sheryarkayani
Feb 9, 2024

what should i do , can someone help me i am begineer to this?

1 reply

hugo-gtz Feb 12, 2024

Hello, @sheryarkayani!
You must go to the folder called "Client" and from there execute the command. Next, open a new window in the command console and execute "npm start" being located in the "Server" folder.
Remember that before running the command, you must use "npm install" in both folders only the first time.

amroy07 · 2024-02-10T13:20:47Z

amroy07
Feb 10, 2024

0 replies

kshelar687 · 2024-02-12T15:28:36Z

kshelar687
Feb 12, 2024

Getting this error: Also please elaborate on how to connect to the database. Followed steps 6,7 in the guide but still entries not reflecting in the db

1 reply

prolinkinfo Feb 29, 2024
Maintainer Author

Checking it.

muhammad-junaid1 · 2024-02-28T18:13:40Z

muhammad-junaid1
Feb 28, 2024

Hi there, I just pulled the latest code, but I couldn't see any DB migrations or even the initialization of collections/documents. That's why I have an empty Add Lead (and all others) drawer, cause the customFields collection is empty in DB. Can you please guide me on how to create a new module and then assign keynames for that module? Because I couldn't even see any option to create a new module.

Thanks.

1 reply

prolinkinfo Feb 29, 2024
Maintainer Author

@muhammad-junaid1 We haven't added this feature as of now but it's on our road map and soon be available on the CRM.

felixlberg · 2024-03-15T15:41:26Z

felixlberg
Mar 15, 2024

Problem with localhost ip

Installation on ubuntu 22.04 with node v18.19.1

Client:

Compiled successfully!

You can now view real-estate in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully

Server:

Server listening at http://127.0.0.1:5001
Failed to create module: OverwriteModelError: Cannot overwrite `Lead` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:63:9)
Failed to create module: OverwriteModelError: Cannot overwrite `Contact` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:64:9)
Failed to create module: OverwriteModelError: Cannot overwrite `Property` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:65:9)
Admin created successfully..
Database Connected Successfully..

Still get an CORS error:

Cross-origin request blocked: The Same-Origin Policy disallows reading the remote resource at http://127.0.0.1:5001/api/images/?isActive=true.
 (Reason: CORS request failed). Status code: (null).

which is quite obvious cause it tries to access 'http://127.0.0.1:5001/api/images/?isActive=true as external URL.

Changing the baseUrl to reflect the actual external server IP worked indeed.

This is logical cause i have accessed the server from its external ip so my axios requests look like this:

AxiosError@http://EXTERNAL_SERVER_IP:3000/static/js/bundle.js

I think you only tested it locally and accessed the frontend with http://localhost:3000 in this case it would work.

I can work around this by specifying the external server ip and using iptables to limit access to port :5001 to its own ip.

I would offer my help to modify this to use it with external IPs as well cause i like your software...

4 replies

prolinkinfo Mar 18, 2024
Maintainer Author

@felixlberg Thanks for the appreciation.

Please feel free to ask if you need any help from our end.

felixlberg Mar 18, 2024

Yes help would be really appreciated.

How can i Fix the following errors?

Failed to create module: OverwriteModelError: Cannot overwrite `Lead` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:63:9)
Failed to create module: OverwriteModelError: Cannot overwrite `Contact` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:64:9)
Failed to create module: OverwriteModelError: Cannot overwrite `Property` model once compiled.
    at Mongoose.model (/home/nodejs/RealEstateCRM/server/node_modules/mongoose/lib/index.js:566:13)
    at createNewModule (/home/nodejs/RealEstateCRM/server/controllers/customField/customField.js:348:18)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async connectDB (/home/nodejs/RealEstateCRM/server/db/config.js:65:9)

Since a managed now to run you app in a production environment with using different subdomains for server and client the app works now and I am able to login. However i see the this errors in the console and I am not able to add properties:

Uncaught (in promise) TypeError: undefined has no properties
    I index.js:137
    I index.js:167
    Ls React
    unstable_runWithPriority scheduler.production.min.js:18
    React 3
    N scheduler.production.min.js:16
    onmessage scheduler.production.min.js:12
    7234 scheduler.production.min.js:12
    Webpack 10

is this error related to the error above or do I need some kind of testdata ?

kind regards

Felix

prolinkinfo Mar 19, 2024
Maintainer Author

Are you using Node 18.17.1? If not, please use this version and take a latest pull?

felixlberg Mar 19, 2024

There is no difference between v18.17.1 and v18.19.1. You can see here:

       v18.17.1   (LTS: Hydrogen)
       v18.18.0   (LTS: Hydrogen)
       v18.18.1   (LTS: Hydrogen)
       v18.18.2   (LTS: Hydrogen)
       v18.19.0   (LTS: Hydrogen)
->     v18.19.1   (Latest LTS: Hydrogen)

Chekino · 2024-03-22T15:59:28Z

Chekino
Mar 22, 2024

Impossible for me to connect, here is the error I encounter after successfully starting the back server and the front client

Help me

0 replies

Sandeep06131997 · 2024-04-16T08:16:00Z

Sandeep06131997
Apr 16, 2024

how to solve this can you please help me

1 reply

prolinkinfo Apr 24, 2024
Maintainer Author

Go to server file and enter "npm start" command in cmd

HugoGTZ-02 · 2024-04-16T15:57:02Z

HugoGTZ-02
Apr 16, 2024

Hello! Why does it keeps crashing after changing the admin username? It shows a blank page and generates this error on the terminal:

react-dom.production.min.js:216 SyntaxError: "undefined" is not valid JSON
at JSON.parse ()
at vC (index.js:34:22)
at ii (react-dom.production.min.js:157:137)
at Hi (react-dom.production.min.js:180:154)
at $l (react-dom.production.min.js:269:343)
at Rs (react-dom.production.min.js:250:347)
at As (react-dom.production.min.js:250:278)
at Ts (react-dom.production.min.js:250:138)
at bs (react-dom.production.min.js:243:163)
at react-dom.production.min.js:123:115

1 reply

prolinkinfo Apr 22, 2024
Maintainer Author

Go to server file and enter "npm start" command in cmd

ShermanK78 · 2024-04-18T21:47:47Z

ShermanK78
Apr 18, 2024

Hi Team ProLinkInfo,

Your team has made an amazing effort and put in much work. I have a slight issue on my end - I cannot seem to get the form to render in the Add.js file in the Property component. This results in a blank modal being displayed, after the 'Add New' button is clicked..

This is from a downloaded version of your code, run on my local machine via Visual Studio Code.

I've included a screenshot.

Please assist?

Kind regards,

Sherman.

7 replies

prolinkinfo Apr 22, 2024
Maintainer Author

There will be show as many fields as are added from profile > Admin Setting > custom fields.

Chekino Apr 23, 2024

Yes, Thank You ☺

mrmani42 May 13, 2024

Hey @prolinkinfo The solution you provided is not working .In Admin setting > custom fields is not showing any module. so i am unable to add fields for property component. please help me to solve this problem.
here is the screenshot .

The property compnent form that is not working its Screenshot is below.

Kindly help!
thanks

mrmani42 May 13, 2024

Hi Chekino,
Does your problem solved?

Chekino May 14, 2024

Hi, yes the problem has been resolved. You need to go to the admin settings then go to customs fields and there you can add options that you want to add either in property, contacts etc...

VincentShia · 2024-04-26T08:15:34Z

VincentShia
Apr 26, 2024

Hello im setting my local server and admin login is not working - no response after click Sign In button, i got the below error message:

{
"message": "Request failed with status code 404",
"name": "AxiosError",
"stack": "AxiosError: Request failed with status code 404\n at settle (http://x.x.x.x:3001/static/js/bundle.js:959185:12)\n at XMLHttpRequest.onloadend (http://x.x.x.x:3001/static/js/bundle.js:957845:66)\n at Axios.request (http://x.x.x.x:3001/static/js/bundle.js:958346:41)\n at async postApi (http://x.x.x.x:3001/static/js/bundle.js:9888:18)\n at async login (http://x.x.x.x:3001/static/js/src_views_auth_signIn_index_jsx.chunk.js:405:22)",
"config": {
"transitional": {
"silentJSONParsing": true,
"forcedJSONParsing": true,
"clarifyTimeoutError": false
},
"adapter": [
"xhr",
"http"
],
"transformRequest": [
null
],
"transformResponse": [
null
],
"timeout": 0,
"xsrfCookieName": "XSRF-TOKEN",
"xsrfHeaderName": "X-XSRF-TOKEN",
"maxContentLength": -1,
"maxBodyLength": -1,
"env": {},
"headers": {
"Accept": "application/json, text/plain, /",
"Content-Type": "application/json"
},
"method": "post",
"url": "undefinedapi/user/login",
"data": "{"username":"admin@gmail.com","password":"admin123"}"
},
"code": "ERR_BAD_REQUEST",
"status": 404
}

8 replies

VincentShia Apr 26, 2024

VincentShia Apr 28, 2024

what i do on the server machine:

run npm install in RealEstateCRM-main/Client and RealEstateCRM-main/server directory
run npm start in RealEstateCRM-main/Client, and get the below message:
"
Starting the development server...
Compiled successfully!

You can now view real-estate in the browser.

Local: http ://localhost:3005
On Your Network: http ://x.x.x.x:3005

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully
"

on the client machine, the url is
http ://x.x.x.x:3005/auth/sign-in

prolinkinfo Apr 29, 2024
Maintainer Author

Does it work on the server machine or is it the same issue?

VincentShia May 10, 2024

unfortunately i'm unable to test on the server machine, and i'm new to react + express, maybe i'd try to install at some other servers to see if anything is different...

prolinkinfo May 10, 2024
Maintainer Author

Sure, you can try on another server. If you need further help, you can post it here.

salilkadam · 2024-05-15T19:42:57Z

salilkadam
May 15, 2024

Hello, I am attempting to get my setup completed, and I am stuck with the landing page errors. I see the login page, which does ot work, when attempting to sign in. When I check the browser console, I see these erors starting from page load themselves.

0 replies

Panther4u · 2024-05-17T08:43:20Z

Panther4u
May 17, 2024

can you slove this error..

3 replies

Panther4u May 17, 2024

db is connected but sign in function not working

prolinkinfo May 17, 2024
Maintainer Author

Could you please share the images or screenshots of the following files:

server/index.js
server/db/config.js
Client.env
Client\src\views\auth\signIn\index.jsx ( Line no 74 )

Panther4u May 17, 2024

Panther4u · 2024-05-17T12:35:08Z

Panther4u
May 17, 2024

no data property found

1 reply

Chekino May 22, 2024

There will be show as many fields as are added from profile > Admin Setting > custom fields.

RealEstateCRM Installation Guide #2

prolinkinfo Aug 21, 2023 Maintainer

Replies: 23 comments · 69 replies

prolinkinfo Sep 9, 2023 Maintainer Author

prolinkinfo Oct 30, 2023 Maintainer Author

prolinkinfo Oct 31, 2023 Maintainer Author

prolinkinfo Dec 13, 2023 Maintainer Author

prolinkinfo Dec 8, 2023 Maintainer Author

prolinkinfo Dec 8, 2023 Maintainer Author

prolinkinfo Dec 11, 2023 Maintainer Author

prolinkinfo Dec 22, 2023 Maintainer Author

prolinkinfo Dec 22, 2023 Maintainer Author

prolinkinfo Dec 22, 2023 Maintainer Author

prolinkinfo Jan 17, 2024 Maintainer Author

prolinkinfo Jan 18, 2024 Maintainer Author

prolinkinfo Jan 17, 2024 Maintainer Author

prolinkinfo Jan 22, 2024 Maintainer Author

prolinkinfo Feb 5, 2024 Maintainer Author

prolinkinfo Feb 29, 2024 Maintainer Author

prolinkinfo Feb 29, 2024 Maintainer Author

prolinkinfo Mar 18, 2024 Maintainer Author

prolinkinfo Mar 19, 2024 Maintainer Author

prolinkinfo Apr 24, 2024 Maintainer Author

prolinkinfo Apr 22, 2024 Maintainer Author

prolinkinfo Apr 22, 2024 Maintainer Author

prolinkinfo
Aug 21, 2023
Maintainer

Replies: 23 comments 69 replies

prolinkinfo Sep 9, 2023
Maintainer Author

prolinkinfo
Oct 30, 2023
Maintainer Author

prolinkinfo Oct 31, 2023
Maintainer Author

prolinkinfo Dec 13, 2023
Maintainer Author

prolinkinfo Dec 8, 2023
Maintainer Author

prolinkinfo Dec 8, 2023
Maintainer Author

prolinkinfo Dec 11, 2023
Maintainer Author

prolinkinfo Dec 22, 2023
Maintainer Author

prolinkinfo Dec 22, 2023
Maintainer Author

prolinkinfo Dec 22, 2023
Maintainer Author

prolinkinfo Jan 17, 2024
Maintainer Author

prolinkinfo Jan 18, 2024
Maintainer Author

prolinkinfo Jan 17, 2024
Maintainer Author

prolinkinfo Jan 22, 2024
Maintainer Author

prolinkinfo Feb 5, 2024
Maintainer Author

prolinkinfo Feb 29, 2024
Maintainer Author

prolinkinfo Feb 29, 2024
Maintainer Author

prolinkinfo Mar 18, 2024
Maintainer Author

prolinkinfo Mar 19, 2024
Maintainer Author

prolinkinfo Apr 24, 2024
Maintainer Author

prolinkinfo Apr 22, 2024
Maintainer Author

prolinkinfo Apr 22, 2024
Maintainer Author